小程序页面滚动到底部,onReachBottom()却没有执行

问题分析

在开发小程序或网页时,onReachBottom() 是一个常用的生命周期函数,用于监听页面滚动到底部的事件。然而,当页面中的某个容器设置了 overflow-y-scroll 属性时,滚动行为会发生在该容器内部,而不是整个页面。这导致 onReachBottom() 无法正确触发,因为该函数监听的是页面的滚动事件,而不是容器内部的滚动。

解决方案

移除 overflow-y-scroll 属性
如果不需要在容器内部实现滚动效果,可以直接移除 overflow-y-scroll 属性,让页面的滚动行为由整个页面控制。这样,onReachBottom() 就能正常触发。

回答: onReachBottom是微信小程序中的一个事件,用于监听页面滚动底部的事件。根据你提供的引用内容,你遇到了一些问题并找到了解决方案。其中,你发现onReachBottom函数重复出现,可能是因为在index.js中多次定义了该函数。另外,你还提到了在触底加载新数据时,如何加载新数据并保留老数据的方法。你将加载第一页数据和触底加载新数据写在了同一个方法中,并使用了一个布尔型的reachBottom参数来区分加载同的数据。在测试过程中,你发现第一次分页加载实现了,但后续的分页加载没有实现。经过排查,你发现在第一次分页加载后,this.data.page的值变为了3,并没有重新初始化为1,所以需要在每次页面关闭后将页面重新赋值为1。这样就可以解决你遇到的问题了。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [onReachBottom无法触发报错](https://blog.csdn.net/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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [微信小程序开发使用onreachBottom实现页面触底加载及分页](https://blog.csdn.net/weixin_53387347/article/details/125781433)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值