1.用一个view标签把页面禁止滚动部分包裹，并添加自定义类名 初始值为空
<view class="{{noRoll}}">
<view class="main">内容区</view>
</view>2. 在弹出层打开是，改变变量的值文章来源：https://www.toymoban.com/news/detail-721606.html
// 打开/关闭弹出框
showPopup() {
this.setData({
show: true,
noRoll: 'isNoRoll'
});
},
onClose() {
this.setData({
show: false,
noRoll: ''
});
},3.给isNoRoll设置样式文章来源地址https://www.toymoban.com/news/detail-721606.html
/* 防止弹出层弹出后页面滚动 */
.disableScroll {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
overflow: hidden;
}到了这里，关于微信小程序弹出层弹出后禁止页面滚动的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
