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

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

1 "enablePullDownRefresh":false

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

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

1 onPageScroll:function(e){
2   if(e.scrollTop<0){
3     wx.pageScrollTo({
4       scrollTop: 0
5     })
6   }
7 }

原文:http://www.fly63.com/article/detial/1069

2018年11月27日11:50:41