Proprietà overflow-anchor CSS

Definizione e uso

overflow-anchor L'attributo viene utilizzato per chiudere l'ancoraggio della scorrimento (scroll anchoring).

L'ancoraggio della scorrimento è una funzione del browser che impedisce che l'area già scollata visibile si muova durante il caricamento di nuovi contenuti. Questo diventa un problema solitamente quando la connessione di rete è lenta, quando l'utente inizia a scorrere verso il basso e inizia a leggere prima che la pagina sia completamente caricata.

Esempio

Chiudi l'ancoraggio della scorrimento:

div {
  overflow-anchor: none;
}

Prova personalmente

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. Abilita l'ancoraggio della scorrimento.
none Disabilita l'ancoraggio della scorrimento.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: No
Produzione di animazioni: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.overflowAnchor="none"

Supporto del browser

Le numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Non supportato 43.0

Pagine correlate

Tutorial:CSS Overflow

Riferimento:Proprietà overflow CSS