Google oficiálně zavádí funkci Scroll Anchoring, která opravuje nepříjemné skoky na stránce

V loňském roce jsme upozornil na opravu abyste zabránili nepříjemnému přeskakování stránek v prohlížeči Google Chrome, které způsobí, že kliknete na něco, na co jste kliknout nechtěli. Tato oprava se nazývá „Ukotvení posouvání“ a vyžadovala, abyste povolili experimentální příznak chrome://flags. Důvodem, proč tento problém vzniká, je „progresivní načítání“ webového obsahu, který uživatelům umožňuje interakci s webovou stránkou ještě před jejím úplným načtením. To však často vedlo k načítání obsahu mimo obrazovku několik sekund poté, co uživatel začal interagovat s webovou stránkou, stlačování obsahu, který je aktuálně na obrazovce a často vede k chybná kliknutí. Nyní je funkce, která to řeší, ukotvení posouvání, konečně povolena pro všechny uživatele počínaje verzí Chrome 56.

Tato funkce se nazývá ukotvení posouvání, protože když je povolena, Chrome uzamkne aktuální pozici posouvání na prvek na obrazovce, zatímco obsah mimo obrazovku pokračuje načítání, což by mělo zabránit neočekávané stránce skoky. Google tvrdí, že od implementace ukotvení posouvání tato funkce zabraňuje „asi třem skokům na stránku na zobrazení stránky“, což je již významné zlepšení.

Ne všechny webové prvky však s touto funkcí dobře fungují, jak brzy zjistili mnozí z nás, kteří minulý rok experimentální funkci aktivovali. Některý webový obsah by se choval špatně, když má uživatel povoleno ukotvení posouvání, ale pro tyto případy je Google Představujeme novou vlastnost CSS nazvanou „overflow-anchor“, kterou mohou weboví vývojáři implementovat k přepsání rolování kotvení.

Nová funkce ukotvení posouvání od Googlu se údajně zavádí do Chrome verze 56 a novější, což znamená, že by měla být povolena v stabilní, beta, dev a canary kanály, ale v případě, že si funkce nevšimnete, můžete znovu zkontrolovat, zda je povolena vkládání chrome://flags/#enable-scroll-anchoring do adresního řádku. Výchozí možnost, jak ji nastavil Google, tuto funkci povolí, ale není na škodu ji zde ručně nastavit na povolenou.


Zdroj: Chromium Blog