解决微信小程序中的滚动穿透问题

// wxml
 <view 
​ class="fixed-mask"
​ bind:tap="hideMsak"
​ wx:if="{{isShowMask}}"
​ catch:touchmove="sMove">
​ <view class="mask-container" >
​  <view class="mask__item">
​  I am {{dogName}}
​  </view>
​ </view>
 </view>
 // css
 .fixed-mask {
 position: fixed;
 left: 0;
 : 0;
 height: 100vh;
 width: 100vw;
 background: #333;
 opacity: 0.8;
 z-index: 2;
}
.mask-container {
 position: absolute;
 : 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.mask__item {
 margin: 0 auto;
 background-color: #ff0015;
 text-align: center;
 width: 500rpx;
 height: 500rpx;
 line-height: 500rpx;
 margin-bottom: 20rpx;
}
// js
 sMove () {
​ return;
 }

// css 

.bottom-fixed {

 position: fixed;

 left: 0;

 : 0;

 overflow: hidden;

}

// wxml

 <view class="dog-container {{isShowMask ? 'bottom-fixed' : ''}}"></view>