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

标签：idt   olly   chm   width   move   round   fixed   top   使用   

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;
}

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

标签：idt   olly   chm   width   move   round   fixed   top   使用   

原文地址：https://www.cnblogs.com/a-pupil/p/12106548.html