Você já visitou uma página da Web, começou a ler parte do conteúdo e a página se qualificou devido ao carregamento do anúncio ou das imagens, fazendo com que você se perca no lugar onde está?
Vale a pena conferir a flag de Ancoragem de rolagem no Chrome 51.
A Ancoragem de rolagem monitora onde você está na página e evita que qualquer ação que cause um reflow interrompa sua posição na página.
Para testar esse recurso, faça o seguinte:
- Acesse chrome://flags/#enable-scroll-anchoring no Chrome Dev / Canary.
- Selecione "Ativado" no menu suspenso.
- Clique em Reiniciar agora na parte inferior da tela.
Com isso, a ancoragem de rolagem fica ativada.
Usamos esse recurso há algum tempo e acreditamos que ele melhora drasticamente a experiência de todos os usuários na Web, mas queremos garantir que ele funcione bem em todos os lugares. Se você encontrar exemplos em que a ancoragem de rolagem não conseguiu lidar com reflows na página ou em que ela não deveria ter interferido, entre em contato com nossa equipe.
Preencha este formulário para enviar feedback ou exemplos de comportamento inesperado: g.co/reportbadreflow.
Perguntas frequentes
Como essa mudança afeta a rolagem do JavaScript?
Em resumo, isso não é verdade.
Essa mudança muda o efeito de rolagem causado por reflows. Por exemplo, adicionar um nome de classe a um elemento que faz com que ele aumente de altura causa um reflow, e a ancoragem de rolagem impede que a página pule.
Chamar window.scrollTo(0, 1) (isso é, a invasão antiga) não causaria um reflow
e vai se comportar normalmente. O mesmo vale para eventos de toque.
Se você encontrar um exemplo em que a ancoragem de rolagem está afetando sua página, envie um feedback usando este formulário: g.co/reportbadreflow.