在制作加载更多时会发现不能触发相应事件,一般情况下首先要查看两个必要的属性scroll-view的高度是否设置,第二就是scroll-view的滚动方向是否设置,缺一都有可能导致不能触发相应事件。 //wxml. 这里的高度可以用自适应高度<scroll-viewclass='index-container'style="height:{{windowHeight}}"scroll-y bindscrolltolo...
用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...
尝试了下,确实可以一定程度解决,但是还是有可能出现此问题,这个值还不是确定的,而且页面距底部过高就去触发 scrollToLower 体验不是很好。最终解决方案:我们增加一个 larger-threshold,当 scrollToLower 不触发的时候,用 larger-threshold 去比较。const onScroll = ({ detail: { scrollTop, scrollHeight } }) =...
简介:UniApp scroll-view 事件不生效(@scroll、@scrolltolower、@scrolltoupper ...) scroll-view在使用@scroll、@scrolltolower、@scrolltoupper、upper-threshold、lower-threshold ...等熟悉或事件时,不生效,是因为scroll-view没有一个固定的高度,所以需要给容器设定一个高度。 scroll...
首先scroll-view要给个高度,不用固定写死,百分比也是可以的,我是放到了列表下面,让他继承父类的高度,但是不行,还是要手动的添加高度为100%;这样就会触发了,你解决了吗? image.png 最近有一个需求是这种布局还要有上拉加载的 image.png 这里我使用了外部的view使用max-height;撑开,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....
setData({ scrollheight: res.windowHeight }) } }) } getScroll: function(e){ // 触发不了事件 console.log(e) } // 这里是关闭这个标签的方法 closeBigPic: function() { this.setData({ isShow: false }) },数据cloudPic是调用数据库拿到的一个图片路径数组...
bindscrolltolower事件是滚动到底部/右边时触发,但是得给容器设置高度,否则事件不会被触发。 解决方法 为这个scroll-view设置一个固定的高度,例如style=”height:1300rpx”,但是注意这个高度不能过大也不能过大,过小的话就没法把scroll-view里面的视图内容显示完整。