手机页面禁止滚动（兼容IOS和Android）

最近在做一个微信页面，菜单显示的时候要出一个遮罩层，并且页面不能滑动，一开始代码如下：

var flag=0;

document.addEventListener('touchmove', function (event) { 　　 //监听滚动事件

if(flag==1){

event.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)

}

});

手机上测试andrio没问题，但是ios就是不行，后来修改代码如下：

 

document.addEventListener('touchmove', function (event) { 　　 //监听滚动事件

if(flag==1){

event.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)

}

},{passive:false});//passive 参数不能省略，用来兼容ios和android

亲测 ios,Android都可以了。先记录到这，以后再来追加原理。