今天有个朋友问我,他再做个项目,微信的一个小项目,在下滑屏幕的时候,上面总出现一个白条,显示“提供内核。。。”,阻止了滑动的默认事件,可是整个页面就阻止了,都不能向下观看了,瞬间感觉还尴尬,主要是scoll的一个监听理解,还要处理各个情况的监听。。。。加上下面一段代码就好了.....
var overscoll = function (el){
el.addEventListener('touchstart',function(){
var top = el.scrollTop;
totalScroll = el.scrollHeight;
currentScroll = top + el.offsetHeight;
if(top === 0){
el.scrollTop = 1;
}else if(currentScroll === totalScroll){
el.scrollTop = top - 1 ;
}
});
el.addEventListener('touchmove',function(evt){
if(el.offsetHeight < el.scrollHeight){
evt._isScroller = true;
}
});
}
overscoll(document.querySelector('.scroll'));
document.body.addEventListener('touchmove',function(evt){
if(!evt._isScroller){
evt.preventDefault();
}
});
还可以进入个人博客:www.jishubar.cn