完美解決移動端滾屏問題

背景：移動端開發又彈出框時，下面頁面還是可以滾動，本身也不是問題，但是有時候需要彈框出現，底部禁止滾動，如果需要，以下代碼可以幫你實現效果：

// 在需要彈窗的代碼裏 調用stopBodyScroll ("true");
// 在關閉彈窗代碼裏 調用stopBodyScroll ();
    var  bodyEl = document.body;
    var  scrollTop = 0;
    function stopBodyScroll (isFixed) {
        bodyEl.style.left = '0';
        bodyEl.style.width = '100%';
        if (isFixed) {
            scrollTop = $(window).scrollTop();
            bodyEl.style.position = 'fixed';
            bodyEl.style.top = -scrollTop + 'px';
        } else {
            bodyEl.style.position = '';
            bodyEl.style.top = '';
            window.scrollTo(0, scrollTop) // 回到原先的top
        }
    }

以上代碼可解決移動端滾屏問題，希望能對大家有用，另外歡迎評論區給出更加高效的方法，謝謝。