如何阻止微信打开网页下拉显示黑色背景

  网页在微信中打开时,处于第一屏,如果触屏往下滑动时,在屏幕上方会显示一个黑色背景块显示“网页由xxxx提供,QQ浏览器x5内核提供技术支持”的信息。

如何阻止网页在微信中打开处于页头往下拖动显示黑色背景

  如何禁止触屏下滑显示这个信息呢,解决办法就是添加touchstart和touchend事件,在touchstart中阻止默认事件,touchend中设置body或者documentElement的scrollTop来实现滚动。

  如何阻止网页在微信中打开处于页头往下拖动显示黑色背景源代码如下

<!doctype html>
页头
<script>
    var y, st, dv = document.getElementById('dv');
    document.addEventListener('touchend', function (e) {
        document.body.scrollTop = document.documentElement.scrollTop = st +y- e.changedTouches[0].pageY ;
    }, false);
    document.addEventListener('touchstart', function (e) {
        st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
        y = e.touches[0].pageY;
        e.preventDefault();
    }, false);
</script>
<div style="height:3000px">中间内容,很长很长。。。</div>
页脚

 


原创文章,转载请注明出处:如何阻止微信打开网页下拉显示黑色背景
评论(0)Web开发网
阅读(1373)喜欢(0)不喜欢(2)JavaScript/Ajax