在網上找到了一個可以防頁面滾動滑到頂端或底部的時候, 漏出微信丑丑的灰色底，下面小編把核心代碼分享給大家供大家參考！
我的核心代碼:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
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();}};} |
以上代碼是小編給大家介紹的微信頁面滾動防露底的核心代碼，代碼比較簡單，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
原文鏈接：http://www.cnblogs.com/jaina/archive/2016/09/15/5874812.html
