弹框显示时阻止浏览器滚动行为

// 取消事件的默认动作
var cancelDefaultAction=function(e){e.preventDefault();};
// 弹框显示时
document.body.style.overflow = "hidden";
document.addEventListener("touchmove",cancelDefaultAction,false);//禁止页面滑动
// 弹框隐藏时
document.body.style.overflow = "auto";
document.removeEventListener("touchmove",cancelDefaultAction,false);//放开页面滑动

  

posted @ 2020-05-29 17:00  漫天风沙  阅读(194)  评论(0编辑  收藏  举报