Java代碼實現微信頁面滾動防露底(核心代碼)_java

來源:互聯網
上載者:User

在網上找到了一個可以防頁面滾動滑到頂端或底部的時候, 漏出微信醜醜的灰色底,下面小編把核心代碼分享給大家供大家參考!

我的核心代碼:

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();}};}

以上代碼是小編給大家介紹的微信頁面滾動防露底的核心代碼,代碼比較簡單,希望對大家有所協助,如果大家有任何疑問歡迎給我留言,小編會及時回複大家的!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.