一、绑定scroll事件获取高度 通过为scroll-view组件绑定scroll事件,可以在滚动过程中实时获取到组件的高度。这种方法适用于需要监控滚动状态并动态调整其他元素布局的场景。 二、使用选择器查询获取高度 小程序提供了选择器查询API,允许开发者通过选择器获取页面元素的信息,包括高度。在页面渲染完成后,可以通过调用wx.creat...
一、把子元素的高度赋给scroll-view 先说一下两个知识点:wx.getSystemInfo()、wx.createSelectorQuery() wx.getSystemInfo() 1552613741(1).jpg //创建节点选择器wx.createSelectorQuery()//获取子节点信息select(‘节点名’).boundingClientRect() //wxml<scroll-viewscroll-ystyle="height:{{height?height+'...
获取节点位置,比如说scroll-view最后一个view是确定的,如果不确定就自己写一个占位的view,总之拿到最后一...
scroll(e) { const query = wx.createSelectorQuery() //scroller2 scroll-view 的 id 属性 query.select('#scroller2').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function(res){ res[0].top // #the-id节点的上边界坐标 res[1].scrollTop // 显示区域的竖直滚动位置 co...
在子内部加一个计算属性获取他的值再返回给父组件
<template> <scroll-view id="scrollview" scroll-y="true" :style="{height:scrollHeight+'px'}" :scroll-top="scrollTop" </scroll-view> </template> 如果scroll-view外层没有view或者其他元素包住的话,query查询的话会是null let query = uni.createSelectorQuery().in(this) query.select('#scrollvie...
平台兼容性 引入组件即可 <template> <view> <TC-scroll-view></TC-scroll-view> </view> </template> 1. 2. 3. 4. 5. 如需要删除多余的部分 uni_modules/TC-scroll-view/components/TC-scroll-view/TC-scroll-view 以上路径上进行修改即可
log(windowH, ratio) console.log(res); //取高度 console.log(res[0].height); this.setData({ commentTop: res[0].top }) }) 但是让元素滚动scrollTop为 设置的commentTop 但是距离不对是什么情况呢小程序 有用关注1收藏 回复 阅读2.2k 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注...
在小程序开发中,使用scroll-view组件实现滚动视图时,有时需要判断用户是否滚动到了视图底部,以便进行相应的操作,如加载更多内容。然而,有时开发者会遇到无法获取内容高度的问题,导致无法准确判断触底状态。 一、问题原因 1.内容高度动态变化:如果scroll-view内部的内容是动态加载的,那么在加载完成之前,可能无法获取到准确...
uniapp不能像jquery那样$,要获取对象这么做,注意滚动条高度要是一直设置成一样的,是不会赋值的,所以 parseInt(that.historyHeight) == tmp ? tmp - 1 : tmp; //获取历史记录滚动条高度,用于每次下拉定位到最新的数据(底部) let historycontainer = uni.createSelectorQuery().select(".historycontainer"); ...