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

微信小程序禁止下拉

在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。 产品的需求不太允许这么做,会影响用户体验,查看文档发现可以使用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

posted @ 2018-11-27 11:52  凌雲  阅读(8200)  评论(0编辑  收藏