微信小程式禁止下拉

在微信小程式中，用力往下拉動，頁面頂部會出現一段空白的地方。 產品的需求不太允許這麼做，會影響使用者體驗，檢視文件發現可以使用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