解决小程序onReachBottom在同屏只能触发一次的问题

问题

在写uni-app时遇到这个问题,查询网上多个方法

设置了"onReachBottom":50,也没有重新定义onReachBottom,不是函数被覆盖的问题,还是没能解决

//pages.json
"style": {
    "onReachBottomDistance": 50
}
import { onReachBottom } from '@dcloudio/uni-app';

看到有人说使用scroll-view会影响onReachBottom,可我写的文件页面里也没有scroll-view

解决方法

在运行页面检查wxml页面结构,我发现了页面有scroll-view嵌套,这个scroll-view是怎么来的呢?

原来是我写的文件页面其实是index里使用到的组件,index页面有scroll-view包裹了所有内容,这个scroll-view还是我上个星期写的···居然忘记了

删掉scroll-view的使用后,onReachBottom就能正常使用,多次触发了

至于删去scroll-view后的问题,因为原本使用scroll-view是为了写返回顶部,下滑到一定高度出现返回顶部按钮

这个按钮我找到了别的方法去实现,参考这篇文章:

uni-app 如何实现回到页面顶部

ps:其实scroll-view有它自己的自定义下拉刷新,但官方说其性能不及pages.json中配置的原生下拉刷新

scroll-view官方文档

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值