在移動端中，由于機型的不同，往往在彈窗的時候會出現(xiàn)頁面的穿透事件，使得原頁面還是能夠進行滑動，這是我們不想看到的效果。

首先，建立一個函數(shù)

function bodyScroll(event){?

? ? event.preventDefault();?

}

之后在觸發(fā)彈窗的時候禁止頁面滾動

document.body.addEventListener('touchmove',bodyScroll,false);?

$('body').css({'position':'fixed',"width":"100%"});

關(guān)閉彈框時開啟頁面滾動

document.body.removeEventListener('touchmove',bodyScroll,false);?

$("body").css({"position":"initial","height":"auto"});? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

注意：切不可以下寫法

document.body.addEventListener('touchmove', function (event) {?

? ? event.preventDefault();?

},false);?

document.body.removeEventListener('touchmove', function (event) {?

? ? event.preventDefault();?

},false);

---------------------

原文：https://blog.csdn.net/m0_37852904/article/details/79300719

也可以用下面情況： 1.遮罩層顯示時處理 body{overflow:hidden;}，一定要在關(guān)閉遮罩層時處理掉 body{overflow: initial;} 2.fastclick 庫

let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; 可對滑動高度進行處理