遮罩层出来后页面滚动问题

1、自定义遮罩层

.customMask{position: fixed;width: 100%;height: 100%;/* top: 0; *//* left: 0; */background: rgba(0, 0, 0, 0.6);z-index: 11;right: 0;display: flex;justify-content: flex-end;padding-bottom: 2.25rem;
}

2、遮罩层出来后页面滚动问题处理

2.1&＃xff1a;css

/*遮罩层显示时body的样式*/
.notScroll {overflow: hidden;
}

2.2&＃xff1a;js

/*** 打开弹框* &＃64;author 2019-05-06*/
function openQRcodePop(good) {// 遮罩出来后让body不可滚动$(&＃39;body,html&＃39;).addClass(&＃39;notScroll&＃39;);
}
/*** 关闭弹框* &＃64;author 2019-05-06*/
function closeQRcodePop() {// 遮罩去掉之后body 可滚动$(&＃39;body,html&＃39;).removeClass(&＃39;notScroll&＃39;);
}