小程序 自定義彈窗后禁止屏幕滾動（滾動穿透）

彈出 fixed 彈窗后，在彈窗上滑動會導致下層的頁面一起跟着滾動。

已驗證：ios 和安卓手機均有效

解決方法：

在蒙層加上 catchtouchmove 事件

 

 

 

 

 => 蒙層 mask

 

 

  => 彈窗內容 modal-content

 

 

 

示例代碼：

<view class="modal-view" hidden="{{!showModal}}">

  <view class="mask" bindtap="toggleModal" catchtouchmove="preventTouchMove"></view>  // 蒙層

  <view class="modal-content"></view>

</view>

 

Pages({

  preventTouchMove() {}

})

 

在電腦上測試是沒有用的，這是觸摸事件。因此，需要在手機端測試，預覽生成一個開發版，用手機微信掃描即可看到效果。