Tiempo del experimento: Anclaje del desplazamiento

¿Alguna vez visitaste una página web, comenzaste a leer parte del contenido y, luego, la página aparece como consecuencia de la carga de anuncios o imágenes, lo que te hizo perder tu lugar en la página?

Quizá valga la pena echar un vistazo a la función experimental de anclaje de desplazamiento en Chrome 51.

La función Fijación de desplazamiento realiza un seguimiento del lugar en el que te encuentras en la página y evita que cualquier factor que provoque un reprocesamiento interrumpa tu posición en la página.

Para probar esta función por tu cuenta, haz lo siguiente:

  1. Ve a chrome://flags/#enable-scroll-Anchoing en Chrome Dev / Canary.
  2. Selecciona “Habilitada” en el menú desplegable.
  3. Haz clic en “Reiniciar ahora” en la parte inferior de la pantalla.

Con esta opción, habilitarás el anclaje de desplazamiento.

Llevamos un tiempo usando esta función y creemos que mejora significativamente la experiencia de todos los usuarios en la Web, pero queremos asegurarnos de que funcione bien en todas partes. Si encuentras ejemplos en los que el anclaje de desplazamiento no pudo controlar los reprocesamientos en la página o ejemplos en los que no debería haber intervenido, queremos escuchar desesperadamente al respecto.

Envíanos comentarios o ejemplos de comportamientos inesperados con este formulario: g.co/reportbadreflow

Preguntas frecuentes

¿Cómo afecta este cambio el desplazamiento de JavaScript?

En resumen, no lo hace.

Este cambio modifica el efecto del desplazamiento causado por los reprocesamientos. Por ejemplo, si agregas un nombre de clase a un elemento que aumenta su altura, se producirá un reprocesamiento, y el anclaje de desplazamiento impedirá que la página salte.

Llamar a window.scrollTo(0, 1) (Sí, el truco de la vieja escuela) no provocaría un reprocesamiento y se comportará normalmente. Lo mismo ocurre con los eventos táctiles.

Si encuentras un ejemplo en el que el anclaje de desplazamiento afecta tu página, envíanos tus comentarios a través de este formulario: g.co/reportbadreflow