欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-03-12 20:58:26
在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底,下面小编把核心代码分享给大家供大家参考! 我的核心代码: prevent:funct...

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

我的核心代码:

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) {
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();
}
} else if (_top > 0 && _top < _bottomfaval) {
ev.stoppropagation();
} else {
ev.preventdefault();
}
};
}

以上代码是小编给大家介绍的微信页面滚动防露底的核心代码,代码比较简单,希望对大家有所帮助