Google lanserar officiellt Scroll Anchoring för att fixa irriterande sidhopp

Förra året, vi påpekade en fix för att förhindra irriterande sidhopp i Google Chrome som gör att du klickar på något du inte vill klicka på. Den fixen kallas "Scroll Anchoring", och den krävde att du aktiverade en experimentflagga chrome://flags. Anledningen till att detta problem uppstår är på grund av "progressiv laddning" av webbinnehåll som tillåter användare att interagera med en webbsida innan den har laddats helt. Detta resulterade dock ofta i att innehåll utanför skärmen laddades sekunder efter att användaren började interagera med webbsidan, trycker ner innehåll som för närvarande finns på skärmen och ofta resulterar i felklick. Nu aktiveras äntligen funktionen som fixar detta, rullförankring, för alla användare med start i Chrome version 56.

Den här funktionen kallas rullförankring eftersom Chrome låser den aktuella rullningspositionen när den är aktiverad på ett element på skärmen medan innehåll utanför skärmen fortsätter att laddas, vilket bör förhindra oväntad sida hoppar. Google hävdar att funktionen, sedan implementeringen av rullförankring, förhindrar "ungefär tre sidhopp per sidvisning", vilket redan är en betydande förbättring.

Men alla webbelement fungerar inte bra med den här funktionen, vilket många av oss som aktiverade den experimentella funktionen förra året snart upptäckte. En del webbinnehåll skulle inte uppföra sig när en användare har aktiverat rullförankring, men för dessa är Google introducerar en ny CSS-egenskap som heter "overflow-anchor" som webbutvecklare kan implementera för att åsidosätta scroll förankring.

Googles nya rullförankringsfunktion sägs rullas ut till Chrome version 56 och framåt, vilket betyder att den bör aktiveras i stabila, beta-, dev- och canary-kanaler, men om du inte märker funktionen kan du dubbelkolla för att se om den är aktiverad av klistra in chrome://flags/#enable-scroll-anchoring i adressfältet. Standardalternativet, som ställts in av Google, kommer att aktivera funktionen, men det är ingen skada att manuellt ställa in den på aktiverad här.


Källa: Chromium Blog