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

2022-12-15 17:05:39 浏览数 (1)

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

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

1.配置属性问题

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

2.高度问题

代码语言：javascript复制
//设置容器高度为100%
page{
  height: 100%
}

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

代码语言：javascript复制
//切换页面时调用API
wx.pageScrollTo({
  scrollTop: 0
})

4.onReachBottom()函数被覆盖

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

json

0 人点赞