在html页面  弹出弹窗的时候总是给一个问题烦到,就是页面还是可以滚动,虽然弹出的div是没变。

解决方法就是:移动端:在弹窗的时候 禁止 ontouchmove,给preventdefault();

    pc端:在弹窗的时候 禁止鼠标滚动 onmousewheel,给preventdefault();

当弹出隐藏的时候,恢复事件的默认动作就可以了。

//如果弹出对话框时,底层的视图就不让滚动了
document.addEventListener('touchmove', function(e) {
if(disableScroll){
e.preventDefault();
}
}, { passive: false});

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-02-10
  • 2021-12-19
  • 2021-12-27
  • 2022-01-19
  • 2021-09-06
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2021-12-19
  • 2021-12-10
相关资源
相似解决方案