Experimenttijd - Scroll-verankering

Heeft u ooit een webpagina bezocht en een deel van de inhoud gelezen, waarna de pagina plotseling verscheen als gevolg van het laden van advertenties of afbeeldingen, waardoor u uw plaats op de pagina kwijtraakte?

Het is misschien de moeite waard om de Scroll Anchoring-vlag in Chrome 51 te bekijken.

Scroll Anchoring houdt bij waar u zich op de pagina bevindt en voorkomt dat alles wat een reflow veroorzaakt uw positie op de pagina verstoort.

Om deze functie zelf uit te proberen, doet u het volgende:

  1. Ga naar chrome://flags/#enable-scroll-anchoring op Chrome Dev / Canary
  2. Selecteer 'Ingeschakeld' in de vervolgkeuzelijst
  3. Klik op ' Nu opnieuw starten ' onder aan het scherm

Hiermee heb je scroll-verankering ingeschakeld.

We gebruiken dit al een tijdje en we zijn van mening dat dit de ervaring voor alle gebruikers op internet drastisch verbetert, maar we willen er zeker van zijn dat het overal goed werkt. Als u voorbeelden tegenkomt waarbij scroll-verankering er niet in slaagde het terugvloeien op de pagina te verwerken, of voorbeelden waarbij het niet had moeten ingrijpen, willen we dat graag horen!

Stuur ons feedback/voorbeelden waarin u onverwacht gedrag heeft gezien door dit formulier in te vullen: g.co/reportbadreflow

FAQ

Welke invloed heeft deze wijziging op het scrollen in JavaScript?

Kortom: dat is niet het geval.

Deze wijziging verandert het effect van scrollen veroorzaakt door terugvloeiingen. Het toevoegen van een klassenaam aan een element waardoor het in hoogte toeneemt, zal bijvoorbeeld een reflow veroorzaken en scroll-verankering voorkomt dat de pagina heen en weer springt.

Het aanroepen van window.scrollTo(0, 1) (ja, de ouderwetse hack) zou geen reflow veroorzaken en zal zich normaal gedragen. Hetzelfde geldt voor aanraakgebeurtenissen.

Als u een voorbeeld tegenkomt waarbij scroll-verankering van invloed is op uw pagina, stuur dan feedback via dit formulier: g.co/reportbadreflow