在移動端中,由于機型的不同拉宗,往往在彈窗的時候會出現(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; 可對滑動高度進行處理