阻止微信端浏览器下滑出现空白条现象

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