O Google lança oficialmente a ancoragem de rolagem para corrigir saltos irritantes na página

No ano passado, nós apontou uma correção para evitar saltos de página irritantes no Google Chrome que fazem com que você clique em algo que não queria. Essa correção é chamada de "Ancoragem de rolagem" e exigia que você habilitasse um sinalizador experimental em chrome://flags. A razão pela qual esse problema surge é devido ao “carregamento progressivo” do conteúdo da web, que permite aos usuários interagir com uma página da web antes que ela seja totalmente carregada. No entanto, isso geralmente resultava no carregamento do conteúdo fora da tela segundos depois que o usuário começava a interagir com a página da web, empurrando para baixo o conteúdo que está atualmente na tela e muitas vezes resultando em cliques errados. Agora, o recurso que corrige isso, a ancoragem de rolagem, está finalmente sendo habilitado para todos os usuários a partir da versão 56 do Chrome.

Este recurso é chamado de ancoragem de rolagem porque, quando ativado, o Chrome bloqueará a posição atual de rolagem em um elemento na tela enquanto o conteúdo fora da tela continua sendo carregado, o que deve evitar páginas inesperadas salta. O Google afirma que, desde a implementação da ancoragem de rolagem, o recurso está evitando “cerca de três saltos de página por visualização de página”, o que já é uma melhoria significativa.

No entanto, nem todos os elementos da web funcionam bem com esse recurso, como muitos de nós que ativamos o recurso experimental no ano passado logo descobrimos. Alguns conteúdos da web se comportariam mal quando um usuário tivesse a ancoragem de rolagem ativada, mas para esses, o Google está introduzindo uma nova propriedade CSS chamada "overflow-anchor" que os desenvolvedores da web podem implementar para substituir a rolagem ancoragem.

Diz-se que o novo recurso de ancoragem de rolagem do Google está sendo implementado no Chrome versão 56 e posteriores, o que significa que deve ser ativado em os canais estável, beta, dev e canário, mas caso você não perceba o recurso, você pode verificar se ele está habilitado por colando chrome://flags/#enable-scroll-anchoring na sua barra de endereço. A opção padrão, conforme definida pelo Google, ativará o recurso, mas não há mal nenhum em configurá-lo manualmente como ativado aqui.


Fonte: Blog do Chromium