微信H5手指滑动屏蔽微信的默认效果

时间:2022-02-06 06:16:55

我们的H5页面放在微信上时,如果你向上滑动或者向下滑动屏幕时,会发现一些微信的特征,譬如:网页由www.baidu.com提供。

去掉这个微信的特征,代码如下:

var f;
n.addEventListener("touchstart", function(e) {         //n为h5页面的body
                f = e.touches[0].clientY
},!1),
n.addEventListener("touchmove", function(t) {
  var i = "11"
  , n = this;
  if (0 === n.scrollTop)                                  //滚动条最顶部的情况。
       // 如果说没有滚动条的情况,i = "00"; 有滚动条的情况为“01”。
       i = n.offsetHeight === n.scrollHeight ? "00" : "01";
  else if (n.scrollTop + n.offsetHeight >= n.scrollHeight)//有滚动条,滚动到最底部的情况。
       i = "10";
 if ("11" !== i) {
       //01是向上滑动或者滑不动,10是向下滑动。
       var r = t.touches[0].clientY - f > 0 ? "10" : "01";
       if (!(parseInt(i, 2) & parseInt(r, 2)))
                        //e(t)      t.stopPropagation();      t.preventDefault();
      }
  },!1);