uniapp 滑动过快 onReachBottom 事件不触发

现象

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

原因

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

解决

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

javascript 复制代码
onReachBottom(() => {
  setTimeout(() => {
    loadMore()
  }, 500)
})
相关推荐
CHB19 小时前
uni-task - 轻量级团队任务管理系统
uni-app
行思理1 天前
UniApp 打包配置 iOS的UniversalLinks
uni-app·universal link
雪芽蓝域zzs1 天前
uni-app x 使用 UTS 语言使用 mixins
开发语言·javascript·uni-app
雪芽蓝域zzs1 天前
uni-app x 中使用 UTS 语言实现兼容鸿蒙的加密
华为·uni-app·harmonyos
2501_915909061 天前
苹果App Store上架全流程指南从注册到上线
android·ios·小程序·https·uni-app·iphone·webview
anyup2 天前
uni-app 全能日历组件,支持农历、酒店预订、打卡签到、价格日历多种场景
前端·前端框架·uni-app
优雅的大白鹅3 天前
创建uniapp小程序
小程序·uni-app
笨笨狗吞噬者4 天前
uni-app 运行时揭秘:styleIsolation 的转化
前端·微信小程序·uni-app
神の愛4 天前
JeecgBoot-Uniapp
uni-app
怀君4 天前
Uniapp——微信小程序Canvas层级过高问题解决
微信小程序·小程序·uni-app