小程序scroll-view组件不能触发相应滚动事件 在制作加载更多时会发现不能触发相应事件,一般情况下首先要查看两个必要的属性scroll-view的高度是否设置,第二就是scroll-view的滚动方向是否设置,缺一都有可能导致不能触发相应事件。 //wxml. 这里的高度可以用自适应高度<scroll-viewclass='index-container'style="height...
用scroll-view做查询瀑布流时,通过console.log日志跟踪,发现当滚动速度很快时,bindscrolltolower事件有概率不会触发,此时瀑布流查询被中断。 <scroll-view class="search-scroll" wx:else scroll-top="{{page.topNum}}" scroll-y style="height:{{page.scrollHeight}}" scroll-with-animation="{{true}}" scro...
3.问题复现:要一直快速滑动页面,总会在某个节点(可能是30、40、50、60条等)的时候看到打印的数组arr是n十条的时候,页面也是n十条,也就是数组和页面数据对等,以及已经到底部的时候。卡在那不能再滑动页面去触底了(因为已经在底部了)。此时需要回滚一点点 才能继续触发触底事件 代码片段 https://developers.weixi...
滑动过快,或页面列表元素高度还没渲染出来,可能导致 scroll-view 的 scrollToLower 不触发特别是在部分安卓手机上,scroll-view 滚动速度可以滑很快,快速滑动 几乎是必现bug;我们首先尝试监听 onScroll 事件,手动判断是否滚动到底部const onScroll = ({ detail: { scrollTop, scrollHeight } }) => { if (scroll...
bindscrolltolower事件不触发的问题 bindscrolltolower事件是滚动到底部/右边时触发,但是得给容器设置高度,否则事件不会被触发。 解决方法 为这个scroll-view设置一个固定的高度,例如style=”height:1300rpx”,但是注意这个高度不能过大也不能过大,过小的话就没法把scroll-view里面的视图内容显示完整。
Page({ data: { isShow:false, scrollheight:"", cloudPic: [1,2,3,4,5], }, getScroll: function(e) { // 触发不了事件 console.log(e) }, showI(){ this.setData({ isShow:true, arr:['red','green','blue'] }) }, // 这里是关闭这个标签的方法 closeBigPic: function() { this....
scroll-view组件是否设置了确定的高度,若没有请设置 scroll-view组件的lower-threshold参数是否带了单位,若带了单位如px、rpx等,请去除,只使用数值。 若设置了上面两项还是没有效果,将 scroll-view的高度设置为具体的数值,如:100px 其他事件的设置类似触底事件...
scroll-y:允许竖向滚动,值为布尔值,默认为false;使用竖向滚动时,需要给<scroll-view/>一个固定高度,通过 WXSS 设置 height。 upper-threshode:表示距顶部/左边多远(px)时,触发 scrolltoupper事件(?),值为数字型,默认为50; lower-threshold:表示距底部/右边多远(ps)时,触发 scrolltolower 事件(?),值为number,...
二级页面使用scroll-view容器的onScroll事件真机无效，在模拟器中可以正常监听到滚动条的高度，但是真机中...
在第一次尝试的基础上，我们给scrolltolower事件一个延迟，也就是触发scrolltolower事件以后100ms后再设置触底，这个时候短距离滚动，还是会偶尔触发scrolltolower事件，这种方案也不行。第三次尝试 在第二次的基础上，我们设置很小的触底距离lower-threshold，设置为5，这个时候基本触底判断就很准确了，但是，这个时候...