Java代码实现微信页面滚动防露底(核心代码)
2016-09-15 15:55
537 查看
在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底,下面小编把核心代码分享给大家供大家参考!
我的核心代码:
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(); } }; }
以上代码是小编给大家介绍的微信页面滚动防露底的核心代码,代码比较简单,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
相关文章推荐
- Java代码实现微信页面滚动防露底(核心代码)
- 2-3-4树的分裂核心代码【JAVA实现】
- 【代码片段】jQuery实现页面滚动时层智能浮动定位-Fixed Floating Elements
- 用.net实现远程获取其他网站页面内容!(核心代码分析)
- java代码实现如jsp页面的form请求方式二HttpClient
- 在java后台用javacript写一段小代码实现html页面颜色的自动改变
- Jsp/Java代码分离.实现页面真正的代码分离 实现框架代码:BasePage,TextBox,BasePageFilter
- 用.net实现远程获取其他网站页面内容!(核心代码分析)
- java jsp页面,实现微信一键关注
- 用.net实现远程获取其他网站页面内容!(核心代码分析)
- java代码实现如jsp页面的form请求方式一HttpURLConnection请求
- 用.net实现远程获取其他网站页面内容!(核心代码分析)
- MooTools 页面滚动浮动层智能定位实现代码
- 最长公共子序列问题-求所有公共子序列(java核心代码实现)
- Jsp/Java代码分离.实现页面真正的代码分离 前言
- ext portal+dwr+spring实现个性主页面拖拉效果的核心代码
- Jsp/Java代码分离.实现页面真正的代码分离 实现框架代码,jxui:page标签
- 不用锚点也可以平滑滚动到页面的指定位置实现代码
- java软件里面的跳转页面代码实现
- java web 程序---注册页面核心代码哈希Map