Resumo

  • O primeiro rascunho público do W3C, de 11 de fevereiro de 2020, descreveu a escolha de um nó visível como âncora e a compensação da rolagem quando o conteúdo acima muda de tamanho.
  • A versão de 11 de novembro refinou as regras para candidatos e para a convivência com o encaixe de rolagem. overflow-anchor: none dá à página uma forma de excluir uma área.

O anúncio chegou com a desenvoltura de quem entra no cinema depois que o filme começou. Instalou-se acima do texto, empurrou tudo para baixo e deixou o leitor procurando onde tinha parado. A barra de rolagem permaneceu fiel ao mesmo número. Era essa a regra antiga: conservar a distância absoluta desde o começo do documento. Quando a página cresce antes do trecho visível, o número deixa de ser um endereço confiável para aquela frase.

O primeiro rascunho público do W3C, de 11 de fevereiro de 2020, começou com esse aborrecimento. Seus exemplos incluem um iframe de anúncio inserido por script e uma imagem sem espaço previamente reservado que só chega depois, em uma rede lenta. O conteúdo novo ocupa altura fora da área visível e desloca o que estava diante dos olhos. Um site cuidadoso reserva o espaço antes da chegada. O navegador ganhou uma segunda ferramenta para proteger a leitura quando a chegada já foi desajeitada.

Essa ferramenta precisa de um ponto de referência. Dentro de cada caixa rolável, o navegador procura um nó âncora próximo ao início da região visível, de preferência mais fundo na estrutura do documento. Mede onde ele estava e onde passou a estar depois da mudança. A diferença vira um ajuste de rolagem. O anúncio ganha lugar na página; o parágrafo mantém lugar na tela. A conta existe para preservar uma relação com o texto, e não uma cifra na barra.

Escolher bem o nó exige critérios. Menus, ornamentos e conteúdo principal dividem a mesma árvore; alguns mudam por conta própria. O rascunho define candidatos e uma janela de supressão antes de aplicar o ajuste acumulado. O navegador consegue tratar uma rodada de mudanças de layout sem perseguir cada movimento isolado como um garçom atrás de uma mesa em fuga.

No rascunho de 11 de novembro de 2020, o W3C esclareceu os candidatos viáveis e prioritários e sua relação com o encaixe de rolagem. Uma interface que já prende a visualização a pontos determinados precisa que a correção respeite essa geometria. O histórico oficial registra as duas publicações daquele ano, e o comunicado de fevereiro explica o objetivo sem rodeios: mudanças acima da área visível atrapalham alguém no meio da leitura.

O autor da página dispõe de uma escolha localizada. overflow-anchor começa em auto; com none, pode-se retirar uma caixa rolável do mecanismo ou excluir um ramo da seleção de âncoras. Componentes que administram a própria posição, ou movimentos intencionais, podem declarar essa necessidade. A proteção comum fica por conta do navegador; a composição específica continua nas mãos de quem faz a página.

O que mudou parece pequeno até acontecer com a gente. O navegador passou a levar a sério o parágrafo que estava em cena. Quando o anúncio finalmente apareceu, encontrou espaço sem expulsar a frase do leitor.