今天在做页面弹层时遇到个问题,在浏览器模拟机中,可以用
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);