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

      2020-07-16 03:23      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) {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();}};}

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