Java代码实现微信页面滚动防露底(核心代码)
在网上找到了一个可以防页面滚动滑到顶端或底部的时候,漏出微信丑丑的灰色底，下面小编把核心代码分享给大家供大家参考！
我的核心代码:
prevent:function(){
varstartX=0,startY=0;
//touchstart事件
functiontouchSatrtFunc(evt){
try
{
//evt.preventDefault();//阻止触摸时浏览器的缩放、滚动条滚动等
vartouch=evt.touches[0];//获取第一个触点
varx=Number(touch.pageX);//页面触点X坐标
vary=Number(touch.pageY);//页面触点Y坐标
//记录触点初始位置
startX=x;
startY=y;
}catch(e){
alert('touchSatrtFunc：'+e.message);
}
}
document.addEventListener('touchstart',touchSatrtFunc,false);
var_ss=document.getElementById("contain");
_ss.ontouchmove=function(ev){
var_point=ev.touches[0],
_top=_ss.scrollTop;
//什么时候到底部
var_bottomFaVal=_ss.scrollHeight-_ss.offsetHeight;
//到达顶端
if(_top===0){
//阻止向下滑动
if(_point.clientY>startY){
ev.preventDefault();
}else{
//阻止冒泡
//正常执行
ev.stopPropagation();
}
}elseif(_top===_bottomFaVal){
//到达底部
//阻止向上滑动
if(_point.clientY<startY){
ev.preventDefault();
}else{
//阻止冒泡
//正常执行
ev.stopPropagation();
}
}elseif(_top>0&&_top<_bottomFaVal){
ev.stopPropagation();
}else{
ev.preventDefault();
}
};
}
以上代码是小编给大家介绍的微信页面滚动防露底的核心代码，代码比较简单，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！