تحقيق منع عرض أسفل الصفحة في صفحة WeChat باستخدام Java Code

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

我的核心代码:

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

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

بيان: محتوى هذا المقال تم جمعه من الإنترنت، ملكية الحقوق مملوكة للكاتب الأصلي، محتوى تم تقديمه من قبل مستخدمي الإنترنت بشكل متعاوني وأرسل بشكل مستقل، ويملك هذا الموقع حقوق الملكية، لم يتم تعديل المحتوى بشكل إنساني ولا يتحمل هذا الموقع أي مسؤولية قانونية متعلقة بذلك. إذا وجدت محتوى يشتبه في انتهاك حقوق النسخ، فالرجاء إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (الرجاء استبدال # بـ @ عند إرسال البريد الإلكتروني) للإبلاغ، وقدم الدليل على الدليل، وسيقوم الموقع فورًا بإزالة المحتوى المزعوم الذي يشتبه في انتهاك حقوق النسخ.