手机端禁止页面滑动

今天在做页面弹层时遇到个问题,在浏览器模拟机中,可以用

1 $("body").css("overflow", "auto");
2 $("body").css("overflow", "hidden");

控制背景的是否滑动,但是在真机测试时傻眼了,经过各种百度以及尝试,最终搞定,以下是代码

//定义阻止事件传递
function eventStop (event){  
  event.preventDefault();  
}


//隐藏弹层,设置页面可滑动
$("body").css("overflow", "auto");
document.body.removeEventListener('touchmove',eventStop,false); //显示弹层,设置页面不可滑动
$("body").css({"height":"100%","overflow":"hidden"});
document.body.addEventListener('touchmove',eventStop,false);

猜你喜欢

转载自www.cnblogs.com/DSH-/p/10282284.html