开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >微信小程序上拉触底事件函数onReachBottom不触发的解决方案

微信小程序上拉触底事件函数onReachBottom不触发的解决方案

作者头像

peng_tianyu

发布于 2022-12-15 17:05:39

发布于 2022-12-15 17:05:39

8.9K0

举报

文章被收录于专栏：前端开发随记前端开发随记

造成不触发的原因可能有以下几种情况

配置属性问题
高度问题
滚动条不在顶部需要回到顶部重新计算高度
onReachBottom函数被覆盖

1.配置属性问题

在app.json或者本页的json文件中配置onReachBottomDistance属性，区别在于全局还是只在本页生效

2.高度问题

//设置容器高度为100%
page{
  height: 100%
}

3. 切换页面时滚动条滚回到顶部

//切换页面时调用API
wx.pageScrollTo({
  scrollTop: 0
})

4.`onReachBottom()`函数被覆盖

每个页的js文件创建时自带onReachBottom函数不需要自己单独写

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-08-01，如有侵权请联系 cloudcommunity@tencent.com 删除

目录

造成不触发的原因可能有以下几种情况
- 1.配置属性问题
- 2.高度问题
- 3. 切换页面时滚动条滚回到顶部
- 4.onReachBottom()函数被覆盖