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