Los sitios web que controlan cómo te desplazas son una pesadilla de usabilidad. En lugar de desplazarse como lo haría normalmente, esos delincuentes aprovechan el desplazamiento de desplazamiento para alterar la forma en que su navegador web favorito interpreta los comandos de desplazamiento solo para ejecutar una animación sofisticada en lugar de desplazarse hacia abajo en una página, lo que puede ser desarticulado y frustrante. En una nota más brillante, este comportamiento no deseado se puede detener fácilmente. Siga junto con el tutorial paso a paso de iDownloadBlog para aprender cómo eliminar scrolljacking de Apple.com y otros sitios web que frecuenta.
Sobre scrolljacking
El desplazamiento de desplazamiento, o secuestro de desplazamiento, es un problema de usabilidad muy real.
En lugar de desplazarse hacia arriba y hacia abajo a su propio ritmo, se ve obligado a ver transiciones animadas o algún otro dulce visual al girar la rueda de desplazamiento del mouse. La mayoría de las veces, estas malas elecciones de diseño web gravan la CPU del usuario y pierden su tiempo.
John Gruber, escribiendo para Daring Fireball:
La página de descripción general de AirPods Pro es una bestia extraña. Vincula la CPU de mi MacBook Pro 2015, incluso cuando no estoy desplazándome. Cerré la pestaña hace unos minutos y mi ventilador sigue funcionando. La animación es muy desigual y el desplazamiento se siente muy lento..
Hay tantos desplazamientos de desplazamiento que tienes que desplazarte o desplazarte hacia abajo varias veces para ir a la siguiente sección de la página. La animación es al menos fluida en mi iPad y iPhone, pero incluso allí, se siente como si hubiera mil golpes al llegar al final de la página. Es un diseño que hace que parezca que no quieren que sigas leyendo.
Él tiene toda la razón sobre el desplazamiento de desplazamiento haciendo que quieras dejar de leer.
Scrolljacking en Apple.com
En caso de que te hayas preguntado, ni siquiera Apple es inmune a jugar con tu desplazamiento. Aquí hay algunos ejemplos de páginas web de Apple que pueden sorprenderle visualmente cuando lo visita por primera vez, pero lo frustrarán tan pronto como tenga ganas de leer algo sin distracciones o desplazarse a la parte que le interesa..
- MacBook Pro de 16 pulgadas
- iPad Pro
- AirPods Pro
La página del iPad Pro es especialmente discordante: obliga horizontal desplazarse al desplazarse verticalmente.
Otras páginas web de Apple también aprovechan el desplazamiento de desplazamiento, pero generalmente no es tan pronunciado como en las páginas mencionadas anteriormente. Por ejemplo, las páginas iMac Pro y Pro Display XDR alteran el desplazamiento para reproducir la animación de apertura, pero después de ese desplazamiento funciona como se supone que debe.
Debido a que scrolljacking usa JavaScript para alterar la forma en que funciona su navegador, deshabilitar temporalmente JavaScript antes de visitar la página ofensiva evitará que se produzca scrolljacking.
TUTORIAL: Cómo habilitar el menú de desarrollo oculto en Safari para Mac
Siga junto con el tutorial paso a paso de iDownloadBlog incluido con anticipación para aprender cómo evitar el desplazamiento de desplazamiento en el navegador Safari de Apple para Apple.com y otros sitios web.
Cómo deshabilitar scrolljacking en Safari para iOS
Haga lo siguiente para deshabilitar JavaScript en Safari para iPhone y iPad.
1) Abierto Configuraciones en tu iPhone o iPad.
2) Escoger Safari de la lista.
3) Grifo Avanzado en la parte inferior de la pantalla.
4) Deslice el interruptor al lado de JavaScript al APAGADO posición para deshabilitar JavaScript.
Visitar el sitio web que solía meterse con su desplazamiento ahora le presentará un contenido fácil de leer que se ve muy bien y se comporta de la misma manera que esperaría que gane términos de desplazamiento..
Cuando termine, no olvide volver a habilitar JavaScript deslizando el interruptor anterior a la posición de ENCENDIDO para garantizar la plena funcionalidad en otros sitios web que usan JavaScript, como iCloud, Facebook, etc..
Cómo deshabilitar scrolljacking en Safari para macOS
La opción para deshabilitar JavaScript está oculta en el menú dedicado de Safari para desarrolladores a fin de evitar que los usuarios habituales usen accidentalmente la opción.
1) Abierto Safari en tu Mac.
2) Haga clic en el Menú Safari, entonces escoge Preferencias.
3) Haga clic en el Avanzado lengüeta.
4) Pon una marca de verificación al lado de "Mostrar menú de desarrollo en la barra de menú".
Ahora el menú Desarrollar aparecerá en la barra de menú siempre que tenga Safari abierto.
5) Haga clic en Safari Desarrollar menú, luego elija la opción Deshabilitar JavaScript.
Ahora puede visitar una página que solía secuestrar su desplazamiento y disfrutar de contenido sin distracciones como desplazamiento automático, cambios repentinos en la velocidad de desplazamiento, animaciones con gran cantidad de recursos y ancho de banda y otras estupideces que alteran el funcionamiento del desplazamiento..
También puede activar o desactivar JavaScript en el menú Desarrollar: elija Preferencias en el menú Safari, haga clic en la pestaña Seguridad, desactive la casilla Activar JavaScript y reinicie el navegador.
Cuando termine, no olvide volver a habilitar JavaScript desmarcando la opción Desactivar JavaScript en el menú Desarrollar de Safari o marcando la casilla Activar JavaScript en la configuración de seguridad de Safari.
Al hacerlo, se garantizará la plena funcionalidad en sitios web complejos que dependen de JavaScript, como Google Apps, iCloud.com, Facebook, etc..
Scrolljacking en otros navegadores
Como mencionamos anteriormente, asumir el desplazamiento requiere un código Javascript inteligente.
Incluso si su navegador web favorito no es Safari de Apple, deshabilitar Javascript evitará que se ejecute el molesto código de desplazamiento. Aquí hay algunos instructores rápidos que explican cómo deshabilitar Javascript en un trío de navegadores populares que no son de Apple.
- Firefox Escriba "about: config" en el campo URL y presione Entrar, luego haga clic en "¡Acepto el riesgo!". Ahora escriba "javascript" en el campo de búsqueda y haga doble clic en la línea "javascript.enabled" para alternar la configuración entre verdadero (habilitado) y falso (deshabilitado).
- Cromo: Elija Preferencias en el menú de Chrome, desplácese hasta la parte inferior de la página de configuración y haga clic en Avanzado o Mostrar configuración avanzada. Después de que la página de configuración se expanda para mostrar opciones adicionales, haga clic en Configuración de contenido en la sección Privacidad y seguridad. Por último, haga clic en la opción JavaScript y luego presione el interruptor junto a Permitido para cambiarlo a Bloqueado.
- Ópera: Elija Preferencias en el menú de Opera, luego haga clic en Avanzado en la columna de la izquierda y presione Configuración del sitio en la columna de la derecha. Haga clic en Javascript y luego haga clic en el interruptor junto a Permitido (recomendado) para bloquear Javascript en todas las páginas.
Nuevamente, no olvide volver a habilitar Javascript en su navegador cuando haya terminado de visitar la página ofensiva para permitir que el navegador ejecute todo JavaScript en todas las páginas web..
Tu experiencia con scrolljacking
¿Y tu experiencia con el desplazamiento de desplazamiento??
¿Ya has encontrado una página web que usa scrolljacking? Aquellos de ustedes que han enfrentado este problema en múltiples sitios web, ¿cuál les dio un infierno particular de desplazamiento y por qué? Finalmente, nombra a los delincuentes que merecen los primeros lugares en el Salón de la Vergüenza Scrolljacking.
Háganos saber compartiendo sus experiencias con otros lectores en los comentarios a continuación..
¿Necesitas ayuda? Pregunte a iDB!
Si te gusta este tutorial, pásalo a tus amigos y deja un comentario a continuación..
¿Quedó atascado? ¿No está seguro de cómo hacer ciertas cosas en su dispositivo Apple? Háganos saber a través de [email protected] y un tutorial futuro podría proporcionar una solución.
También puede enviar sus propias sugerencias de procedimientos a través de [email protected].
