Google ruller offisielt ut Scroll Anchoring for å fikse irriterende sidehopp

I fjor, vi påpekte en løsning for å forhindre irriterende sidehopp i Google Chrome som får deg til å klikke på noe du ikke ville klikke på. Den løsningen kalles "Scroll Anchoring", og den krevde at du aktiverer et eksperimentelt flagg chrome://flags. Grunnen til at dette problemet oppstår er på grunn av "progressiv lasting" av nettinnhold som lar brukere samhandle med en nettside før den er fullastet. Dette resulterte imidlertid ofte i at innhold utenfor skjermen ble lastet inn sekunder etter at brukeren begynte å samhandle med nettsiden, presser ned innhold som for øyeblikket er på skjermen og ofte resulterer i feilklikk. Nå blir funksjonen som fikser dette, rulleforankring, endelig aktivert for alle brukere som starter i Chrome versjon 56.

Denne funksjonen kalles rulleforankring fordi Chrome låser gjeldende rulleposisjon når den er aktivert på et skjermelement mens innhold utenfor skjermen fortsetter å lastes, noe som bør forhindre uventet side hopper. Google hevder at funksjonen, siden implementeringen av rulleforankring, forhindrer "omtrent tre sidehopp per sidevisning", som allerede er en betydelig forbedring.

Det er imidlertid ikke alle webelementer som fungerer bra med denne funksjonen, som mange av oss som aktiverte den eksperimentelle funksjonen i fjor snart oppdaget. Noe nettinnhold vil oppføre seg dårlig når en bruker har rulleforankring aktivert, men for disse er Google det introduserer en ny CSS-egenskap kalt "overflow-anchor" som webutviklere kan implementere for å overstyre scroll forankring.

Googles nye rulleforankringsfunksjon sies å rulle ut til Chrome versjon 56 og nyere, noe som betyr at den bør være aktivert i de stabile, beta-, dev- og kanarikanalene, men i tilfelle du ikke legger merke til funksjonen, kan du dobbeltsjekke for å se om den er aktivert av lime inn chrome://flags/#enable-scroll-anchoring inn i adressefeltet. Standardalternativet, som angitt av Google, vil aktivere funksjonen, men det er ingen skade å manuelt sette den til aktivert her.


Kilde: Chromium Blog