美文网首页
解决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