微信小程序开发---上拉触底

目录

一、上拉触底的概念

二、监听页面的上拉触底事件

三、配置上拉触底距离


一、上拉触底的概念

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

二、监听页面的上拉触底事件

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

onReachBottom(){
   console.log("上拉")
 }

三、配置上拉触底距离

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

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

小程序默认的距离是50px

"onReachBottomDistance": 100

你可能感兴趣的:(微信小程序,微信小程序,小程序)