English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
ページがスクロールするときに、ページの先頭や末尾に微信の不気味な灰色の背景が見えないようにする方法を見つけました。以下に、編集者が核心コードを共有し、皆さんに参考にしていただくために提供します!
私の核心コード:
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(); } } // 底部に到達 // 上にスライドを阻止 if (_point.clientY < startY) { ev.preventDefault(); } else { // バブルを阻止 // 通常実行 ev.stopPropagation(); } } else if (_top > 0 && _top < _bottomFaVal) { ev.stopPropagation(); } else { ev.preventDefault(); } }; }
以下のコードは編集者が皆さんに紹介する微信ページのスクロールを防ぐ核心コードです。コードは比較的シンプルで、皆さんに役立つことを願っています。何か疑問があれば、コメントを残してください。編集者はすぐに回答します。
声明:この記事の内容はインターネットから取得され、著作権者に帰属します。コンテンツはインターネットユーザーによって自発的に貢献し、アップロードされました。当サイトは所有権を持ちません。また、人工的な編集処理もなく、関連する法的責任も負いません。著作権侵害が疑われる内容を見つけた場合は、notice#w までメールを送信してください。3codebox.com(メールを送信する際には、#を@に変更してください。報告を行い、関連する証拠を提供してください。一旦確認がとれましたら、当サイトは直ちに侵害される可能性のある内容を削除します。)