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

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

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

1.配置属性问题

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

2.高度问题

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

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

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

4.onReachBottom()函数被覆盖

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