微信浏览器禁止页面下拉查看网址(不影响页面内部盒子滚动)

微信浏览器默认用户下拉,会出现页面来源,如图.

微信浏览器禁止页面下拉查看网址(不影响页面内部盒子滚动)_第1张图片

     一般H5游戏中, 为了用户体验必须禁止.  注意 禁止的话,必须禁止手指触摸事件, 使得微信浏览器无法检测,但是很多情况下,我们可能在页面的某个盒子下,会有滚动条, 所以会冲突使得滚动条无法滚动.

   为了禁止下拉出现网址,且不影响滚动条,看下面的代码.

代码中有注释,再简单说几句

//禁止页面触摸

document.body.addEventListener("touchmove", function(evt) {

                    console.log(evt._isScroller)

if (!evt._isScroller) {

evt.preventDefault();

}

});

//调用overscroll开启需要滚动的盒子

overscroll(document.querySelector(".gamerule"))

你可能感兴趣的:(javascript)