Avez-vous déjà consulté une page Web, commencé à lire une partie du contenu, puis vu la page se charger d'annonces ou d'images, ce qui vous a fait perdre votre place ?
Vous pouvez consulter le flag d'ancrage du défilement dans Chrome 51.
L'ancrage du défilement permet de suivre votre position sur la page et d'empêcher tout élément qui provoque un ajustement de la mise en page de perturber votre position sur la page.
Pour tester cette fonctionnalité, procédez comme suit:
- Accédez à chrome://flags/#enable-scroll-anchoring dans Chrome Dev / 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 utilisons cette fonctionnalité depuis un certain temps et nous pensons qu'elle améliore considérablement l'expérience pour tous les utilisateurs sur le Web. Nous voulons toutefois nous assurer qu'elle fonctionne correctement partout. Si vous constatez des cas où l'ancrage du défilement n'a pas réussi à gérer les reflows de la page ou des cas où il n'aurait pas dû intervenir, n'hésitez pas à nous en faire part.
Envoyez-nous vos commentaires ou des exemples de comportements inattendus en remplissant ce formulaire: g.co/reportbadreflow.
Questions fréquentes
En quoi cette modification affecte-t-elle le défilement JavaScript ?
En bref, non.
Cette modification modifie l'effet de défilement causé par les reflows. Par exemple, ajouter un nom de classe à un élément qui augmente sa hauteur entraîne un reflow, et l'ancrage du défilement empêche la page de sauter.
Appeler window.scrollTo(0, 1) (oui, le vieux hack) ne provoque pas de reflow et se comporte normalement. Il en va de même pour les événements tactiles.
Si vous trouvez un exemple où l'ancrage du défilement affecte votre page, veuillez nous envoyer vos commentaires via ce formulaire: g.co/reportbadreflow.