手机端禁止页面滑动

最新推荐文章于 2023-03-09 14:28:48 发布

weixin_30656145

最新推荐文章于 2023-03-09 14:28:48 发布

阅读量604

点赞数

原文链接：http://www.cnblogs.com/DSH-/p/10282284.html

版权

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

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);

转载于:https://www.cnblogs.com/DSH-/p/10282284.html