如何实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动

1. 更简单的方式:var jinzhi=0;
document.addEventListener("touchmove",function(e){
if(jinzhi==0){
e.preventDefault();
e.stopPropagation();
}
},false);
2. (1) 在你显示弹出框的时候:添加:
  1. //显示 弹出div
  2.     function ShowDiv(){
  3.       ……
  4.         window.ontouchmove=function(e){
  5.             e.preventDefault && e.preventDefault();
  6.             e.returnValue=false;
  7.             e.stopPropagation && e.stopPropagation();
  8.             return false;
  9.       }           
  10.    };

     (2) 在关闭弹层时,添加:

  1. function CloseDiv()
  2.     {
  3.        ……
  4.         window.ontouchmove=function(e){
  5.             e.preventDefault && e.preventDefault();
  6.             e.returnValue=true;
  7.             e.stopPropagation && e.stopPropagation();
  8.             return true;
  9.         }
  10.     };
posted @ 2015-09-14 17:42  caiyuying  阅读(592)  评论(0)    收藏  举报