微信小程序禁止下拉-解决小程序下拉出现空白的情况ψ(`∇´)ψ

2021-03-13 18:33 阅读:1113

在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。 产品的需求不太允许这么做,会影响用户体验,可以用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}}
- 上拉或点击加载更多 -
- 加载中 -
- 没有更多了 -
- 本文链接 -