码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-12-27 13:34:58      阅读:374      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!