如何微信小程序禁止下拉_解决小程序下拉出现空白的情况

摘要：在微信小程序中，用力往下拉动，页面顶部会出现一段空白的地方。产品的需求不太允许这么做，会影响用户体验，查看文档发现可以使用enablePullDownRefresh这属性来实现，但是在部分ios端仍然可以下拉出现空白。那么该如何解决呢？

在微信小程序中，用力往下拉动，页面顶部会出现一段空白的地方。产品的需求不太允许这么做，会影响用户体验，查看文档发现可以使用enablePullDownRefresh这属性来实现，于是在page.json里面添加了这段话：

"enablePullDownRefresh":false

这样可以禁用页面下拉滚动，需要注意的是不可在全局配置 app.json中配置。经测试发现：虽然禁止了下拉刷新，但是在部分ios端仍然可以下拉出现空白。那么该如何解决呢？

当页面滚动的时候判断与顶部的距离，当这个距离小于0的时候，强制性拉回顶部即可，代码如下：

onPageScroll:function(e){
  if(e.scrollTop<0){
    wx.pageScrollTo({
      scrollTop: 0
    })
  }
}

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！