解決html5全屏展示後頁面還是可以拖動

weixin_34320159發表於2018-11-23

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

相關文章