阻止微信端浏览器下滑出现空白条现象
今天有个朋友问我，他再做个项目，微信的一个小项目，在下滑屏幕的时候，上面总出现一个白条，显示“提供内核。。。”，阻止了滑动的默认事件，可是整个页面就阻止了，都不能向下观看了，瞬间感觉还尴尬，主要是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
