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

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

作者: super静_jingjing | 来源:发表于2018-11-23 17:17 被阅读0次

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全屏展示后页面还是可以拖动

      本文链接:https://www.haomeiwen.com/subject/daojqqtx.html