在html页面 弹出弹窗的时候总是给一个问题烦到,就是页面还是可以滚动,虽然弹出的div是没变。
解决方法就是:移动端:在弹窗的时候 禁止 ontouchmove,给preventdefault();
pc端:在弹窗的时候 禁止鼠标滚动 onmousewheel,给preventdefault();
当弹出隐藏的时候,恢复事件的默认动作就可以了。
//如果弹出对话框时,底层的视图就不让滚动了
document.addEventListener('touchmove', function(e) {
if(disableScroll){
e.preventDefault();
}
}, { passive: false});