Java代碼實(shí)現(xiàn)微信頁面滾動(dòng)防露底(核心代碼)
在網(wǎng)上找到了一個(gè)可以防頁面滾動(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); //頁面觸點(diǎn)X坐標(biāo) var y = Number(touch.pageY); //頁面觸點(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(); } }; }
以上代碼是小編給大家介紹的微信頁面滾動(dòng)防露底的核心代碼,代碼比較簡(jiǎn)單,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
JAVA實(shí)現(xiàn)二維碼生成加背景圖代碼實(shí)例
這篇文章主要介紹了JAVA實(shí)現(xiàn)二維碼生成加背景圖代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12Spring解決循環(huán)依賴問題的三種方法小結(jié)
在 Spring 中,循環(huán)依賴問題指的是兩個(gè)或多個(gè) bean 之間相互依賴形成的閉環(huán),具體而言,當(dāng) bean A 依賴于 bean B,同時(shí) bean B 也依賴于 bean A,就形成了循環(huán)依賴,本文就給大家介紹了Spring解決循環(huán)依賴問題的三種方法,需要的朋友可以參考下2023-09-09詳解MyBatis-Plus Wrapper條件構(gòu)造器查詢大全
這篇文章主要介紹了詳解MyBatis-Plus Wrapper條件構(gòu)造器查詢大全,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08SpringBoot配置mybatis駝峰命名規(guī)則自動(dòng)轉(zhuǎn)換的實(shí)現(xiàn)
這篇文章主要介紹了SpringBoot配置mybatis駝峰命名規(guī)則自動(dòng)轉(zhuǎn)換的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09Java根據(jù)坐標(biāo)經(jīng)緯度計(jì)算兩點(diǎn)距離5種方法及校驗(yàn)經(jīng)緯度是否在圓/多邊形區(qū)域內(nèi)的算法推薦
在項(xiàng)目開發(fā)過程中需要根據(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