微信小程序上拉触底onReachBottom没触发的解决方案

### 小程序 `onReachBottom` 不触发的解决方案 #### 1. 检查配置属性 确保页面的 JSON 配置文件中已启用 `enablePullDownRefresh` 属性。如果此属性未设置，则上拉加载功能将不可用[^5]。 ```json { "enablePullDownRefresh": true, ... } ``` #### 2. 处理高度问题 当页面内容的高度不足以使滚动条到达底部时，`onReachBottom` 事件不会被触发。可以通过增加页面内容或调整样式来确保有足够的可滚动空间。 #### 3. 确认滚动条位置 有时即使页面看起来已经到底部，实际滚动条并未完全位于最下方。可以尝试通过代码强制让页面回到顶部再重新计算高度： ```javascript // index.js Page({ onLoad: function () { setTimeout(() => { wx.pageScrollTo({ scrollTop: 0, duration: 0 }); }, 1); }, onReachBottom() { console.log('触底'); } }); ``` #### 4. 排除函数覆盖的可能性 确认当前页面中的 `onReachBottom` 方法没有被其他逻辑意外重写或删除。如果有多个同名方法存在可能导致冲突。 #### 5. 调整触发频率限制 由于微信小程序对于 `onReachBottom` 存在350毫秒内的防抖处理机制，在短时间内连续快速滑动可能会导致部分触发失败。可以在业务逻辑层面适当延缓请求发送时间以避开该限制[^3]。 ```javascript let lastTriggerTime = Date.now(); const debounceDuration = 350; Page({ onReachBottom() { const currentTime = Date.now(); if (currentTime - lastTriggerTime >= debounceDuration) { lastTriggerTime = currentTime; // 执行具体操作... } } }) ```