一、上拉加载配置
1:json文件配置
"onReachBottomDistance": 50
{
"usingComponents": {},
"navigationBarTitleText": "考勤记录",
"enablePullDownRefresh": true,
"onReachBottomDistance": 50
}
2:js响应方法(页面创建时已生成)
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
var _this = this
// 上拉触底,先判断是否有请求正在进行中
// 以及检查当前请求页数是不是小于数据总页数,如符合条件,则发送请求
if (!this.loading && !this.data.isLast) {
wx.showToast({
title: '数据加载中',
icon: 'loading',
success: res => {
_this.data.searchForm.pageNum++
_this.loadMoreList()
}
})
}
},
二、上拉设置不生效
问题:配置完上述步骤一后,页面的上拉动作还是无效;
原因:page标签和 滚动的list元素 之间的层级元素设置了height:100%;overflow: auto;
解决:去除中间dom的 height:100%设置。