Java代碼實(shí)現(xiàn)微信頁(yè)面滾動(dòng)防露底(核心代碼)
更新時(shí)間：2016年09月15日 15:55:21 作者：jaina
這篇文章主要介紹了Java代碼實(shí)現(xiàn)微信頁(yè)面滾動(dòng)防露底的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
在網(wǎng)上找到了一個(gè)可以防頁(yè)面滾動(dòng)滑到頂端或底部的時(shí)候, 漏出微信丑丑的灰色底，下面小編把核心代碼分享給大家供大家參考！
我的核心代碼:
prevent:function () {
var startX = 0, startY = 0;
//touchstart事件
function touchSatrtFunc(evt) {
try
{
//evt.preventDefault(); //阻止觸摸時(shí)瀏覽器的縮放、滾動(dòng)條滾動(dòng)等
var touch = evt.touches[0]; //獲取第一個(gè)觸點(diǎn)
var x = Number(touch.pageX); //頁(yè)面觸點(diǎn)X坐標(biāo)
var y = Number(touch.pageY); //頁(yè)面觸點(diǎn)Y坐標(biāo)
//記錄觸點(diǎn)初始位置
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;
// 什么時(shí)候到底部
var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
// 到達(dá)頂端
if (_top === 0) {
// 阻止向下滑動(dòng)
if (_point.clientY > startY) {
ev.preventDefault();
} else {
// 阻止冒泡
// 正常執(zhí)行
ev.stopPropagation();
}
} else if (_top === _bottomFaVal) {
// 到達(dá)底部
// 阻止向上滑動(dòng)
if (_point.clientY < startY) {
ev.preventDefault();
} else {
// 阻止冒泡
// 正常執(zhí)行
ev.stopPropagation();
}
} else if (_top > 0 && _top < _bottomFaVal) {
ev.stopPropagation();
} else {
ev.preventDefault();
}
};
}
以上代碼是小編給大家介紹的微信頁(yè)面滾動(dòng)防露底的核心代碼，代碼比較簡(jiǎn)單，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
本篇文章主要介紹了java多線程之定時(shí)器Timer的使用詳解，Time類主要負(fù)責(zé)完成定時(shí)計(jì)劃任務(wù)的功能,有興趣的可以了解一下。2017-04-04
詳解Java volatile 內(nèi)存屏障底層原理語(yǔ)義
為了保證內(nèi)存可見(jiàn)性，java 編譯器在生成指令序列的適當(dāng)位置會(huì)插入內(nèi)存屏障指令來(lái)禁止特定類型的處理器重排序。為了實(shí)現(xiàn) volatile 內(nèi)存語(yǔ)義，JMM 會(huì)分別限制這兩種類型的重排序類型2021-09-09
這篇文章主要介紹了Java解決約瑟夫（環(huán)）問(wèn)題的代碼實(shí)例,決約瑟問(wèn)題貌似經(jīng)常出現(xiàn)在面試題中,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了Java流程控制語(yǔ)句最全匯總(下篇)，本文章內(nèi)容詳細(xì)，通過(guò)案例可以更好的理解數(shù)組的相關(guān)知識(shí)，本模塊分為了三部分，本次為下篇，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Spring?boot異步任務(wù)原理，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
Springboot如何通過(guò)自定義工具類獲取bean
這篇文章主要介紹了Springboot通過(guò)自定義工具類獲取bean方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-09-09
springBoot定時(shí)任務(wù)處理類的實(shí)現(xiàn)代碼
這篇文章主要介紹了springBoot定時(shí)任務(wù)處理類,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了使用Spring中的scope配置和@scope注解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Java經(jīng)典面試題最全匯總208道(四)，本文章內(nèi)容詳細(xì)，該模塊分為了六個(gè)部分，本次為第四部分，需要的朋友可以參考下2023-01-01
springboot bean掃描路徑的實(shí)現(xiàn)
這篇文章主要介紹了springboot bean掃描路徑的實(shí)現(xiàn)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-01-01