微信小程序 上拉加载配置,上拉加载设置不生效问题

一、上拉加载配置

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%设置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值