禁止ios浏览器页面上下滚动 (橡皮筋效果)
作者:
waiterYu | 来源:发表于
2019-07-26 09:18 被阅读0次document.body.addEventListener('touchmove',function(e){
if(!e.isSCROLL){
e.preventDefault(); //阻止默认事件(上下滑动)
}else{
//需要滑动的区域
var top = el.scrollTop; //对象最顶端和窗口最顶端之间的距离
var scrollH = el.scrollHeight; //含滚动内容的元素大小
var offsetH = el.offsetHeight; //网页可见区域高
var cScroll = top + offsetH; //当前滚动的距离
//被滑动到最上方和最下方的时候
if(top == 0){
top = 1; //0~1之间的小数会被当成0
}else if(cScroll === scrollH){
el.scrollTop = top - 0.1;
}
}
}, {passive: false}) //passive防止阻止默认事件不生效
本文标题:禁止ios浏览器页面上下滚动 (橡皮筋效果)
本文链接:https://www.haomeiwen.com/subject/bwnlrctx.html
网友评论