小程序 – 上拉触底加载数据

什么是上拉触底

上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。

触发事件

在页面的 .js 文件中，通过 onReachBottom() 函数即可监听当前页面的上拉触底事件。

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

触底距离

上拉触底距离指的是触发上拉触底事件时，滚动条距离页面底部的距离。

可以在全局或页面的 .json 配置文件中，通过 onReachBottomDistance 属性来配置上拉触底的距离。

小程序默认的触底距离是 50px，在实际开发中，可以根据自己的需求修改这个默认值。

{
  "onReachBottomDistance": 50
}

触底加载数据简单案例

详看文章

小程序 – 上拉加载数据-案例

本文为上拉加载数据案例

2022-11-13