微信小程序上拉触底事件

微信小程序上拉触底事件

描述：

有个需求，在小程序中有个列表，需要做分页，上拉触发分页。
小程序有个事件是上拉触底事件，在实际开发过程中碰到问题，在这记录一下。

实现：

onReachBottom()
监听用户上拉触底事件。
可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
在触发距离内滑动期间，本事件只会被触发一次。

  /**
   * 上拉触底事件
   */
  onReachBottom() {
    
    
    console.log('上拉触底事件触发')
  }

刚开始的时候这个事件怎么都触发不了，原因是当前的页面没有被元素沾满。
当页面被元素沾满之后，再次进行上拉操作，就会触发上拉触底事件。而且可以设置触发的距离