确保<scroll-view>的高度设置得当,使其能够滚动。如果<scroll-view>的高度被设置得过大或过小,可能会导致滚动不出现或触底事件无法触发。同时,检查是否有其他元素遮挡或影响了<scroll-view>的滚动。 3. 调试代码,检查是否有其他事件或样式影响了触底事件的触发 检查是否有其他JavaScript事件(如...
但是如使用scroll-view导致页面级没有滚动,则触底事件不会被触发,所以这里存在的问题是有时候无法触发onReachBottom。 最终选择了适用scroll-view自带的滚到底部触发事件scrolltolower事件,虽然这个事件确实能够实现上拉加载数据分页的功能,但是这个是事件存在两个问题。第一个问题就是当滚动条滚动到底部时会多次触发scrol...
你可以检查看看是否你设置的scroll-view滚动区域之外还有其他区域是滚动的,比如在滑动模块外面整个页面都可以滑动,那么这样这个scroll里面的滑动触底就失效了,因为他分不清是整个页面的触底事件还是页面内部这个scroll部分的触底。
如使用scroll-view导致页面级没有滚动,则触底事件不会被触发 在页面中 使用时 onReachBottom 可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。 "enablePullDownRefresh": true image.png 在页面中 直接使用,与生命周期函数 同...
如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档 onPageScroll(监听滚动、滚动监听、滚动事件)参数说明: 注意 onPageScroll里不要写交互复杂的js,比如频繁修改页面。因为这个生命周期是在渲染层触发的,在非h5端,js是在逻辑层执行的,两层之间通信是有损...
"onReachBottomDistance": 50 // 上拉触底事件触发时距页面底部距离 }, 1. 2. 3. 4. 5. 6. 7. 8. 9. 然后页面中有一个生命周期onReachBottom,它就会在触底的时候触发。通常用于下拉下一页数据。 <template> <view> <view v-for="(item,index) in arr" :key="index"> ...
可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。 如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档 onPageScroll里不要写交互复杂的js,比如频繁修改页面。因为这个生...
onReachBottom使用注意 可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。 你子组件用的是不是scroll-view?用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档 https://un...
缺点:隐藏不了滚动条 // 给固定高度.roll-list{width:100%;height:100%;// 隐藏不了滚动条&::-webkit-scrollbar{display:none}} <scroll-viewclass="roll-list"@scrolltolower="scrolltolower"// 触底事件scroll-y="true"// 竖向滚动show-scrollbar="false"// 隐藏滚动条><view>示例</view><view>示例...