您的位置:首页 > 移动开发

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

2015-09-14 17:42 537 查看
1. 更简单的方式:var jinzhi=0;
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;

}

};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: