H5移动端点击弹窗页面后禁止背后页面滚动

H5点击出现弹窗页面后，背后的页面仍然可以滚动，希望可以禁止背后页面的滚动

// 监听 弹窗显示隐藏的变量，
// 显示时  this.preventBack(true)
// 隐藏时  this.preventBack(false)

preventBack = (flag) => {
    if (flag) {
        const top = document.documentElement.scrollTop || document.body.scrollTop;
        document.body.style.cssText += `
            position: fixed;
            width: 100vw;
            left: 0;
            top: ${-top}px;
        `;
    } else {
        const top = document.body.style.top;
        document.body.style.cssText += `
            position: static;
        `;
        window.scrollTo(0, Math.abs(parseFloat(top)));
    }
}