如何实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动
1. 更简单的方式:var jinzhi=0;
document.addEventListener("touchmove",function(e){
if(jinzhi==0){
e.preventDefault();
e.stopPropagation();
}
},false);
document.addEventListener("touchmove",function(e){
if(jinzhi==0){
e.preventDefault();
e.stopPropagation();
}
},false);
2. (1) 在你显示弹出框的时候:添加:
- //显示 弹出div
- function ShowDiv(){
- ……
- window.ontouchmove=function(e){
- e.preventDefault && e.preventDefault();
- e.returnValue=false;
- e.stopPropagation && e.stopPropagation();
- return false;
- }
- };
(2) 在关闭弹层时,添加:
- function CloseDiv()
- {
- ……
- window.ontouchmove=function(e){
- e.preventDefault && e.preventDefault();
- e.returnValue=true;
- e.stopPropagation && e.stopPropagation();
- return true;
- }
- };
浙公网安备 33010602011771号