onReachBottom没有触发?填坑之路

在开发微信小程序时,遇到一个特定页面的onReachBottom事件无法触发。尝试了各种百度上的解决方案后,问题出在使用了<scroll-view/>组件。该组件有自己的滚动回调事件,即bindscrolltolower,用于替代onReachBottom在底部时的触发。因此,改用bindscrolltolower解决了问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近搞微信小程序,遇到onReachBottom没有触发的问题。其他页面滑动到底部能触发onReachBottom。但是新搞的页面怎么设置都不行。百度各种方法都用上了。还是没有解决。

参考:微信小程序上拉触底事件函数onReachBottom不触发的解决方案_sun_wei_tao的博客-优快云博客

最后,我还是从引入组件排查。发现用<scroll-view/>就不会触发onReachBottom。

经过查看api,发现此控件有自带的触发回调,bindscrolltolower就是触发底部回调的。

bindscrolltouppereventhandle滚动到顶部/左边时触发1.0.0
bindscrolltolowereventhandle滚动到底部/右边时触发

在使用onReachBottom函数时,可能会出现一些问题导致该函数触发。首先,当给最外层view设置了overflow样式后,onReachBottom钩子将触发。解决方法是去除overflow样式。另外,如果底部没有预留足够的高度供滑动,也会导致onReachBottom触发。解决方法是在底部添加一个空的view并设置合适的高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uniapp 解决onReachBottom失效](https://blog.youkuaiyun.com/qq_43351090/article/details/120885192)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [onReachBottom无法触发报错](https://blog.youkuaiyun.com/qq_55928824/article/details/124458290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [微信小程序上拉触底事件函数onReachBottom触发的解决方案](https://blog.youkuaiyun.com/wohenshenmi/article/details/128372428)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值