English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
J'ai trouvé en ligne un code qui peut empêcher le défilement de la page de glisser vers le sommet ou le bas, en laissant apparaître le laid fond gris de WeChat, et voici le code principal partagé par l'auteur pour votre référence !
Mon code principal:
prevent:function () { var startX = 0, startY = 0; //Événement touchstart function touchSatrtFunc(evt) { try { //evt.preventDefault(); //Empêcher le zoom, le défilement de la barre de défilement et d'autres fonctionnalités du navigateur lors du toucher var touch = evt.touches[0]; //Obtenir le premier point de contact var x = Number(touch.pageX); //Coordonnée X du point de contact de la page var y = Number(touch.pageY); //Coordonnée Y du point de contact de la page //Enregistrer la position initiale du point de contact 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; // Quand arrive-t-on au bas var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight; // Arrivée au sommet if (_top === 0) { // Empêcher le défilement vers le bas if (_point.clientY > startY) { ev.preventDefault(); } else { // Empêcher la bulle // Exécution normale ev.stopPropagation(); } } // Arrivée au bas // Empêcher le défilement vers le haut if (_point.clientY < startY) { ev.preventDefault(); } else { // Empêcher la bulle // Exécution normale ev.stopPropagation(); } } else if (_top > 0 && _top < _bottomFaVal) { ev.stopPropagation(); } else { ev.preventDefault(); } }; }
Les codes ci-dessus sont les codes de prévention du dévoilement du bas de la page WeChat présentés par l'éditeur. Le code est assez simple et j'espère qu'il vous sera utile. Si vous avez des questions, n'hésitez pas à me laisser un message, l'éditeur vous répondra à temps !
Déclaration : le contenu de cet article est fourni par Internet, propriété de l'auteur original, partagé par les utilisateurs d'Internet et téléversé spontanément. Le site Web ne détient pas de propriété, n'a pas été édité par l'homme et n'assume aucune responsabilité juridique. Si vous trouvez du contenu suspect de violation de droits d'auteur, vous êtes invité à envoyer un e-mail à : notice#oldtoolbag.com (au moment de l'envoi d'un e-mail, veuillez remplacer # par @ pour signaler une violation et fournir des preuves. Une fois vérifié, le site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)