1.用一个view标签把页面禁止滚动部分包裹,并添加自定义类名 初始值为空
<view class="{{noRoll}}">
<view class="main">内容区</view>
</view>
2. 在弹出层打开是,改变变量的值
// 打开/关闭弹出框
showPopup() {
this.setData({
show: true,
noRoll: 'isNoRoll'
});
},
onClose() {
this.setData({
show: false,
noRoll: ''
});
},
3.给isNoRoll设置样式
/* 防止弹出层弹出后页面滚动 */
.disableScroll {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
overflow: hidden;
}