解决html5全屏展示后页面还是可以拖动

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";
    };
};

你可能感兴趣的:(解决html5全屏展示后页面还是可以拖动)