遮罩層滾動(dòng)穿透分為兩種情況：

1.如果彈出層沒(méi)有滾動(dòng)事件，就直接在蒙板上加catchtouchmove="preventTouchMove" preventTouchMove:function(){};
示例代碼：

<view class="mask" catchtouchmove="preventTouchMove">
    我是遮罩層
</view>

2.如果彈出層有滾動(dòng)事件，那么在彈出層出現(xiàn)的時(shí)候給底部的containerView加上一個(gè)class 消失的時(shí)候移除。

示例代碼：

<view class="mask" wx:if="{{hasMask}}">
    我是遮罩層
</view>

<view class="content" class="{{hasMask ? 'preventTouchMove' : ' '}}">
    我是頁(yè)面內(nèi)容
</view>
<!-- js -->
Page{
    ...
    showMask(e){
        //顯示遮罩
        this.setData({
            hasMask:true
        })
    },
    hideMask(e){
    //隱藏遮罩
        this.setData({
            hasMask:false
        })
    },
}
<!-- css-->
.preventTouchMove{
    top: 0px ; 
    left:   0px ; 
    width:   100% ; 
    height:   100% ; 
    overflow:   hidden ; 
    position:   fixed ; 
    z-index:   0 ; 
}

• 移動(dòng)web端滾動(dòng)遮罩層滾動(dòng)穿透問(wèn)題的解決方法