Javaｓｃｒｉｐｔ禁止微信浏览器下拉反弹效应

这个例子，这个例子给大家分享Javaｓｃｒｉｐｔ禁止微信浏览器下拉的影响，供大家参考，以下具体内容

方法1：
var OverScroll =功能（EL）{
El.addEventListener（'touchstart，函数（）{（）{
var = el.scrolltop；
无功totalscroll = el.scrollheight；
无功currentscroll =顶+ el.offsetheight；
如果（顶部= 0）{
el.scrolltop = 1；
} else if（currentscroll = totalscroll）{
el.scrolltop =最高1；
}
}）；
El.addEventListener（'touchmove功能（EVT）{
如果（el.offsetheight < EL。scrollheight）{
EVT。_isscroller =真；
}
}）；
}
OverScroll（document.queryselector（'滚动'）； / /）在当地轧制的需要，添加一个滚动类
Document.body.addEventListener（'touchmove功能（EVT）{
如果（！EVT。_isscroller）{
Evt.preventDefault（）；
}
}）；
这种方法的优点和缺点：

优点：支持局部轧制；

缺点：浏览器本身超出页面的滚动是禁用的，需要更改为本地滚动，而本地滚动需要添加滚动条的类。

注意：如果在同一页上有多个本地滚动条，则需要

OverScroll（document.queryselector（'滚动'）；

相反

对于（var i = 0；i < document.queryselectorall（'滚动'）。长度；i++）{

OverScroll（document.queryselectorall（'滚动'）{我}）；

}

方法2：
功能stopdrop（）{
VaR法； / /最后一次Y坐标
$（文档。体），（'touchstart功能（事件）{ {）
最后=事件。originalevent。changedtouches { 0 }。clienty； / /点击屏幕时，Y坐标上记录。
}）；
$（文档。体），（'touchmove功能（事件）{ {）
var y =事件。originalevent。changedtouches { 0 }。clienty；
var st = $（this）（。scrollTop）； / /滚动条的高度
如果（y > =移植ST <= 10）{ / /如果滚动条高度小于0，可以理解为吸，下降的情况下，防止touchmove事件。
最后= Y；
Event.preventDefault（）；
}
最后= Y；
}）；
}
这种方法的优点和缺点：

优点：支持浏览器本身，而不支持页面滚动。

缺点：不支持局部轧制

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。