微信小程序禁止下拉-解决小程序下拉出现空白的情况ψ(`∇´)ψ
2021-03-13 18:33
阅读:6143
在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。 产品的需求不太允许这么做,会影响用户体验,可以用enablePullDownRefresh这属性来实现,在page.json里面添加:
"enablePullDownRefresh":false
这样可以禁用页面下拉滚动,需要注意的是不可在全局配置 app.json中配置。经测试发现:虽然禁止了下拉刷新,但是在部分ios端仍然可以下拉出现空白。那么该如何解决呢?🤔
方法:当页面滚动的时候判断与顶部的距离,当这个距离小于0的时候,强制性拉回顶部即可
onPageScroll:function(e){ if(e.scrollTop<0){ wx.pageScrollTo({ scrollTop: 0 }) } }
{{commentTotal}} 条评论
{{item.nickname}}
{{item.create_date}}
{{item.content}}
- 上拉或点击加载更多 -
- 加载中 -
- 没有更多了 -