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í)現(xiàn)二維碼生成加背景圖代碼實(shí)例
這篇文章主要介紹了JAVA實(shí)現(xiàn)二維碼生成加背景圖代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
Spring解決循環(huán)依賴(lài)問(wèn)題的三種方法小結(jié)
在 Spring 中,循環(huán)依賴(lài)問(wèn)題指的是兩個(gè)或多個(gè) bean 之間相互依賴(lài)形成的閉環(huán),具體而言,當(dāng) bean A 依賴(lài)于 bean B,同時(shí) bean B 也依賴(lài)于 bean A,就形成了循環(huán)依賴(lài),本文就給大家介紹了Spring解決循環(huán)依賴(lài)問(wèn)題的三種方法,需要的朋友可以參考下
2023-09-09
Java HashMap原理及實(shí)例解析
這篇文章主要介紹了Java HashMap原理及實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
詳解MyBatis-Plus Wrapper條件構(gòu)造器查詢(xún)大全
這篇文章主要介紹了詳解MyBatis-Plus Wrapper條件構(gòu)造器查詢(xún)大全，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
java web返回中文亂碼問(wèn)題及解決
這篇文章主要介紹了java web返回中文亂碼問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-05-05
SpringBoot配置mybatis駝峰命名規(guī)則自動(dòng)轉(zhuǎn)換的實(shí)現(xiàn)
這篇文章主要介紹了SpringBoot配置mybatis駝峰命名規(guī)則自動(dòng)轉(zhuǎn)換的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-09-09
Java根據(jù)坐標(biāo)經(jīng)緯度計(jì)算兩點(diǎn)距離5種方法及校驗(yàn)經(jīng)緯度是否在圓/多邊形區(qū)域內(nèi)的算法推薦
在項(xiàng)目開(kāi)發(fā)過(guò)程中需要根據(jù)兩地經(jīng)緯度坐標(biāo)計(jì)算兩地間距離,下面這篇文章主要給大家介紹了關(guān)于Java根據(jù)坐標(biāo)經(jīng)緯度計(jì)算兩點(diǎn)距離5種方法以及校驗(yàn)經(jīng)緯度是否在圓/多邊形區(qū)域內(nèi)的算法推薦,需要的朋友可以參考下
2023-12-12
java list隨機(jī)抽取元素的案例
這篇文章主要介紹了java list隨機(jī)抽取元素的案例，具有很好的參考，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-08-08
概述Java的struts2框架
本篇文章主要對(duì)struts2框架概念、優(yōu)缺點(diǎn)進(jìn)行簡(jiǎn)要概述。相信會(huì)對(duì)大家學(xué)習(xí)Java有所幫助，需要的朋友一起來(lái)看下吧
2016-12-12
Spring條件注解@Conditional示例詳解
這篇文章主要給大家介紹了關(guān)于Spring條件注解@Conditional的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Spring具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08