遮罩層出來後頁面滾動問題

一、自定義遮罩層

.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.1：css

/*遮罩層顯示時body的樣式*/
.notScroll {
    overflow: hidden;
}

2.2：js

/**
 * 打開彈框
 * @author 2019-05-06
 */
function openQRcodePop(good) {
    // 遮罩出來後讓body不可滾動
    $('body,html').addClass('notScroll');
}
/**
 * 關閉彈框
 * @author 2019-05-06
 */
function closeQRcodePop() {
    // 遮罩去掉以後body 可滾動
    $('body,html').removeClass('notScroll');
}