小程序遮罩层禁止页面滚动（遮罩层内部可以滚动）

Posted 2021-03-19 A-pupli

wxml
//使用scroll-view包裹 scrolly-y要写
[scroll-view scroll-y class="mask-box" catchtouchmove=‘ture‘]
[view class="box"]
[view]
[scroll-view]
wxss //样式
.mask-box{
width: 300rpx;
height: 300rpx;
position: fixed;
top: 50%;
left: 50%;
margin-top: -250rpx;
margin-left: -130rpx;
background: pink;
}
//可以滚动
.box{
width: 100%;
height: 600rpx;
}