手机端禁止页面滑动

给你一囗甜甜゛ 提交于 2020-01-02 00:05:59

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

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); 
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!