Java代码实现微信页面滚动防露底(核心代码)

Java代码实现微信页面滚动防露底(核心代码)

在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底，下面把核心代码分享给大家供大家参考！

我的核心代码:

prevent:function () {

var startX = 0, startY = 0;

//touchstart事件

function touchSatrtFunc(evt) {

try

{

//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等

var touch = evt.touches[0]; //获取第一个触点

var x = Number(touch.pageX); //页面触点X坐标

var y = 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) {EYlfVEZb

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();

}

} else if (_top === _bottomFaVal) {

// 到达底部

// 阻止向上滑动

if (_point.clientY < startY) {

ev.preventDefault();

} else {

// 阻止冒泡

// 正常执行

ev.stopPropagation();

}

} elshttp://e if (_top > 0 && _top < _bottomFaVal) {

ev.stopPropagation();

} else {

ev.preventDefault();

}

};

}

以上代码是给大家介绍的微信页面滚动防露底的核心代码，代码比较简单，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，会及时回复大家的！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。