Você já acessou uma página da Web, começou a ler parte do conteúdo e a página meio que apareceu devido ao carregamento de anúncios ou imagens, fazendo você perder o lugar na página?
Vale a pena conferir a flag de ancoragem de rolagem no Chrome 51.
A âncora de rolagem rastreia sua posição na página e impede que qualquer coisa que cause um reflow atrapalhe sua posição.
Para testar esse recurso, faça o seguinte:
- Acesse chrome://flags/#enable-scroll-anchoring no Chrome Dev / Canary.
- Selecione "Ativada" no menu suspenso.
- Clique em Reativar agora na parte de baixo da tela.
Com isso, a ancoragem de rolagem será ativada.
Já usamos esse recurso há algum tempo e acreditamos que ele melhora drasticamente a experiência de todos os usuários na Web. No entanto, queremos garantir que ele funcione bem em todos os lugares. Se você encontrar exemplos em que a ancoragem de rolagem não conseguiu processar reflows na página ou exemplos em que ela não deveria ter interferido, entre em contato com a gente!
Envie feedback / exemplos de comportamento inesperado preenchendo este formulário: g.co/reportbadreflow
Perguntas frequentes
Como essa mudança afeta a rolagem do JavaScript?
Em resumo, não.
Essa mudança altera o efeito de rolagem causado por reflows. Por exemplo, adicionar um nome de classe a um elemento que faz com que ele aumente a altura vai causar um reflow, e a ancoragem de rolagem vai impedir que a página salte.
Chamar window.scrollTo(0, 1) (sim, o hack antigo) não causa um reflow
e se comporta 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 feedback usando este formulário: g.co/reportbadreflow