English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Implémentation en Java de la prévention du déchirement du bas de la page WeChat (code principal)

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.)

Vous pourriez aussi aimer