微信小程序开发系列（三十二）·如何通过小程序的API实现页面的上拉加载（onReachBottom事件）和下拉刷新（onPullDownRefresh事件）

目录

1.  上拉加载

2.  下拉刷新

1.  上拉加载

        上拉加载是小程序中常见的一种加载方式，当用户滑动页面到底部时，会自动加载更多的内容，以便用户继续浏览小程序中实现上拉加载的方式：

①  在app.json或者page.json中配置距离页面底部距离：onReachBottomDistance；默认50px。

②  在页面.js中定义onReachBottom事件监听用户上拉加载。

        随机找到或者创建一个空页面，我这里使用之前的页面将其中的内容注释掉，找到profile.json文件，编写代码：

{  "usingComponents": {},  "onReachBottomDistance":100}

        找到profile.scss编写代码：

page{  height: 1000px;}

        找到profile.js文件，编写代码，编写事件：

Page({  // 监听用户上拉加载  onReachBottom(){    console.log('监听用户上拉加载')  }})

        找到profile.wxml文件，编写代码，创建一个数组：