微信小程序禁止下拉_解決小程序下拉出現空白的情況

微信小程序禁止下拉

在微信小程序中，用力往下拉動，頁面頂部會出現一段空白的地方。 產品的需求不太允許這么做，會影響用戶體驗，查看文檔發現可以使用enablePullDownRefresh這屬性來實現，在page.json里面添加：

"enablePullDownRefresh":false

這樣可以禁用頁面下拉滾動，需要注意的是不可在全局配置 app.json中配置。經測試發現：雖然禁止了下拉刷新，但是在部分ios端仍然可以下拉出現空白。那么該如何解決呢？

方法：當頁面滾動的時候判斷與頂部的距離，當這個距離小於0的時候，強制性拉回頂部即可

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

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

2018年11月27日11:50:41