解决html5全屏展示后页面还是可以拖动
2018-11-23 本文已影响0人
super静_jingjing
html5就算在meta标签中做了移动端适配,但是在微信中浏览时整个html5可以被拖动,感觉html5像是浮在浏览器中一样,体验很难受。解决方式如下:
document.body.addEventListener('touchmove', function(e) {
e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
}, {passive: false}); //passive 参数不能省略,用来兼容ios和android
document.onreadystatechange = function() {
if(document.readyState == "complete") {
document.body.style.display = "block";
} else {
document.body.style.display = "none";
};
};