Google introduceert officieel Scroll Anchoring om vervelende paginasprongen te verhelpen

Vorig jaar wij heeft een oplossing aangegeven om vervelende paginasprongen in Google Chrome te voorkomen waardoor u op iets klikt waar u niet op wilde klikken. Die oplossing heet "Scroll Anchoring" en vereiste dat je een experimentele vlag inschakelde chrome://flags. De reden dat dit probleem zich voordoet, is te wijten aan het "progressief laden" van webinhoud, waardoor gebruikers kunnen communiceren met een webpagina voordat deze volledig is geladen. Dit resulteerde echter vaak in het laden van inhoud buiten het scherm, seconden nadat de gebruiker met de interactie begon met de webpagina, waardoor de inhoud die momenteel op het scherm wordt weergegeven, naar beneden wordt gedrukt en dit vaak resulteert in misklikken. Nu wordt de functie die dit oplost, scroll-verankering, eindelijk ingeschakeld voor alle gebruikers vanaf Chrome-versie 56.

Deze functie wordt scroll-verankering genoemd, omdat Chrome, indien ingeschakeld, de huidige scrollpositie vergrendelt op een element op het scherm terwijl de inhoud buiten het scherm blijft laden, wat onverwachte pagina's zou moeten voorkomen springt. Google beweert dat de functie, sinds de implementatie van scroll-verankering, "ongeveer drie paginasprongen per paginaweergave" verhindert, wat al een aanzienlijke verbetering is.

Niet alle webelementen werken echter goed met deze functie, zoals velen van ons die de experimentele functie vorig jaar hebben ingeschakeld al snel ontdekten. Sommige webinhoud zou zich misdragen als een gebruiker scroll-verankering heeft ingeschakeld, maar hiervoor doet Google dat wel introductie van een nieuwe CSS-eigenschap genaamd "overflow-anchor" die webontwikkelaars kunnen implementeren om scrollen te overschrijven verankering.

Er wordt gezegd dat de nieuwe scroll-verankeringsfunctie van Google wordt uitgerold naar Chrome-versie 56 en hoger, wat betekent dat deze moet worden ingeschakeld in de stabiele, bèta-, dev- en canary-kanalen, maar als je de functie niet opmerkt, kun je controleren of deze is ingeschakeld door plakken chrome://flags/#enable-scroll-anchoring in uw adresbalk. De standaardoptie, zoals ingesteld door Google, zal de functie inschakelen, maar het kan geen kwaad om deze hier handmatig in te stellen.


Bron: Chromiumblog