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

Implementación de Java en el código para evitar que la página de WeChat se deslice hacia abajo (código nuclear)

Encontré un código que puede evitar que la página se deslice al final o al principio cuando se hace scroll, dejando visible el feo fondo gris de WeChat, a continuación, el editor comparte el código nuclear con todos para que lo utilicen como referencia!

Mi código nuclear:

prevent:function () {
var startX = 0, startY = 0;
//Evento touchstart
function touchSatrtFunc(evt) {
try
{
//evt.preventDefault(); //Evitar que el navegador amplíe, desplace las barras de desplazamiento y más durante el toque
var touch = evt.touches[0]; //Obtener el primer punto de toque
var x = Number(touch.pageX); //Coordenada X del punto de toque de la página
var y = Number(touch.pageY); //Coordenada Y del punto de toque de la página
//Grabar la posición inicial del punto de toque
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;
// Cuándo llegar al fondo
var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
// Llegar a la parte superior
if (_top === 0) {
// Prevenir el deslizamiento hacia abajo
if (_point.clientY > startY) {
ev.preventDefault();
} else {
// Prevenir la burbuja
// Ejecutar normalmente
ev.stopPropagation();
}
}
// Llegar al fondo
// Prevenir el deslizamiento hacia arriba
if (_point.clientY < startY) {
ev.preventDefault();
} else {
// Prevenir la burbuja
// Ejecutar normalmente
ev.stopPropagation();
}
} else if (_top > 0 && _top < _bottomFaVal) {
ev.stopPropagation();
} else {
ev.preventDefault();
}
};
}

El código anterior es el código central de prevención de desbordamiento en la página de WeChat que les he presentado a ustedes, el código es bastante simple y espero que les sea útil. Si tienen alguna pregunta, déjenme un mensaje y responderé a tiempo.

Declaración: El contenido de este artículo se ha obtenido de la red, pertenece al autor original, el contenido ha sido contribuido y subido por usuarios de Internet de manera autónoma, este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume responsabilidad alguna por las responsabilidades legales. Si encuentra contenido sospechoso de infracción de derechos de autor, le invitamos a enviar un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @ para denunciar y proporcione evidencia relevante. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción de derechos de autor.)

Te gustará