微信小程序-下拉松开弹不回去顶部留一段空白

Posted 与f

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序-下拉松开弹不回去顶部留一段空白相关的知识,希望对你有一定的参考价值。

注意的是刷新在json 文件中要配置 "enablePullDownRefresh":true

 那个空白是,加载条,可以设置一些效果,当数据完成后 用 wx.stopPullDownRefresh(); 终止效果

在 onPullDownRefresh 事件里加setTimeout事件延迟下下拉刷新的事件。

/**
  * 页面相关事件处理函数--监听用户下拉动作
  */
onPullDownRefresh: function () {
  wx.stopPullDownRefresh(); //这句也很重要
  let _This = this;
  let oUInfo = _This.data.oUInfo;
  (!oUInfo.unionId) && getApp().getUserData(function (result) {
    _This.fGetCUserInfo(result.unionId);
    _This.setData({
      oUInfo: result
    });
  });
 

  setTimeout(function () {// 这里写刷新要调用的函数,比如:
    _This.pullRefresh();
  }, 500);
 
},

 

 

注意,setTimeout要写在getApp请求之后,setTimeout只处理刷新后数据的获取。间隔时间建议为500。

转: https://www.cnblogs.com/zhangym118/p/8927022.html

以上是关于微信小程序-下拉松开弹不回去顶部留一段空白的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况

微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况

微信小程序-聊天功能下拉加载更多数据(历史聊天内容出现在顶部)

原生的微信小程序有下拉刷新功能,怎么取消下拉刷新?不希望它刷新

微信小程序ios点击状态栏返回顶部不好使

[wx]微信小程序自定义下拉刷新