微信小程序弹出层弹出后禁止页面滚动

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