uniapp 滑动过快 onReachBottom 事件不触发

现象

列表滑动过快时,明明已经滑到底了,onReachBottom 不触发,加载更多不执行。

原因

小程序/uni-app 对 onReachBottom 有约 350ms 的触发节流:滑动很快时,触底瞬间可能落在节流窗口内,这次触底就不会再触发回调,所以表现就是「滑太快不触发」。

解决

触底后先延迟几百毫秒再发请求,和节流窗口错开,触发就稳定。比如延迟 500ms(比 350ms 大即可):

javascript 复制代码
onReachBottom(() => {
  setTimeout(() => {
    loadMore()
  }, 500)
})
相关推荐
AnalogElectronic11 小时前
uniapp学习5,兼容微信小程序的俄罗斯方块游戏
学习·微信小程序·uni-app
AnalogElectronic17 小时前
uniapp学习6,滚动字幕播报
javascript·学习·uni-app
AnalogElectronic17 小时前
uniapp学习3,简易记事本
学习·uni-app
Можно18 小时前
uni-app 三端上线全流程指南:H5 / 小程序 / App 完整发布手册
小程序·uni-app
2501_9151063220 小时前
Flutter 开发工具有哪些 跨平台项目开发与上架实操指南
android·flutter·ios·小程序·uni-app·iphone·webview
AnalogElectronic20 小时前
uniapp学习7,美团闪购生鲜蔬菜商家详情页
javascript·学习·uni-app
AnalogElectronic20 小时前
uniapp学习4,简易记事本2.0
学习·uni-app
小旋风0123421 小时前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频
00后程序员张1 天前
从审核被拒到稳定过审,iOS 上架技术优化
android·ios·小程序·https·uni-app·iphone·webview
洗发水很好用2 天前
uniapp纯css实现基础多选组件
前端·css·uni-app