Propriedade overflow-anchor do CSS

Definição e uso

overflow-anchor A propriedade é usada para desativar o ancoramento de rolagem (scroll anchoring).

O ancoramento de rolagem é uma funcionalidade do navegador que previne que a área já rolada dentro da visão do usuário se mova ao carregar novos conteúdos. Isso geralmente se torna um problema quando a conexão de rede é lenta, ou seja, quando o usuário começa a rolar para baixo e começar a ler antes que a página esteja completamente carregada.

Exemplo

Fechar o ancoramento de rolagem:

div {
  overflow-anchor: none;
}

Experimente você mesmo

Sintaxe do CSS

overflow-anchor: auto|none|initial|inherit;

Valor do atributo

Valor Descrição
auto Valor padrão. Ative o ancoramento de rolagem.
none Desative o ancoramento de rolagem.
initial Defina essa propriedade como seu valor padrão. Veja: initial.
inherit Herda essa propriedade do elemento pai. Veja: inherit.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Não suportado. Veja:Atributos relacionados a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.overflowAnchor="none"

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta plenamente essa propriedade.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Não suportado 43.0

Páginas relacionadas

Tutorial:CSS transbordamento

Referência:Propriedade overflow do CSS