Avez-vous déjà consulté une page Web, commencé à lire une partie de son contenu, puis la page apparaît en raison du chargement des images ou des annonces, ce qui vous fait perdre votre place sur la page ?
Il peut être utile de vérifier l'indicateur d'ancrage de défilement dans Chrome 51.
L'ancrage de défilement suit votre position sur la page et évite que tout élément qui provoque une reflow ne perturbe votre position sur la page.
Pour essayer cette fonctionnalité par vous-même, procédez comme suit:
- Accédez à chrome://flags/#enable-scroll-anchoring sur Chrome pour les développeurs / Canary.
- Sélectionnez "Activé" dans le menu déroulant.
- Cliquez sur Relancer maintenant en bas de l'écran.
L'ancrage du défilement est alors activé.
Nous l'utilisons depuis un certain temps, et nous pensons qu'elle améliore considérablement l'expérience de tous les utilisateurs sur le Web. Cependant, nous voulons nous assurer qu'elle fonctionne correctement sur tous les appareils. Si vous voyez des exemples où l'ancrage du défilement n'est pas parvenu à gérer l'ajustement de la mise en page dans la page ou des exemples où il n'aurait pas dû intervenir, nous aimerions vraiment en savoir plus.
Envoyez-nous des commentaires ou des exemples de comportements inattendus en remplissant ce formulaire: g.co/reportbadreflow
Questions fréquentes
En quoi ce changement affecte-t-il le défilement JavaScript ?
En bref, non.
Cette modification modifie l'effet du défilement causé par l'ajustement de la mise en page. Par exemple, l'ajout d'un nom de classe à un élément qui augmente sa hauteur entraîne un ajustement de la mise en page, et l'ancrage du défilement empêche la page de sauter.
L'appel de window.scrollTo(0, 1) (ou "Old School hack") n'entraînerait pas d'ajustement de la mise en page et se comportera normalement. Il en va de même pour les événements tactiles.
Si vous constatez, par exemple, que l'ancrage du défilement affecte votre page, veuillez nous envoyer vos commentaires via ce formulaire: g.co/reportbadreflow