Java代码实现微信页面滚动防露底(核心代码)
程序员文章站
2024-03-13 16:00:21
在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底,下面小编把核心代码分享给大家供大家参考!
我的核心代码:
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(); } }; }
以上代码是小编给大家介绍的微信页面滚动防露底的核心代码,代码比较简单,希望对大家有所帮助
上一篇: += 和 ++ 操作符区别简单介绍
下一篇: php获取linux命令结果的实例