Proprietà CSS scroll-behavior

Definizione e uso

L'attributo scroll-behavior determina se lo scorrimento della posizione viene effettuato in modo fluido (con animazione) quando l'utente fa clic su un link all'interno di una scatola di scorrimento, invece di un salto diretto.

Esempio

Aggiungi un effetto di scorrimento fluido al documento:

html {
  scroll-behavior: smooth;
}

Prova tu stesso

Sintassi CSS

scroll-behavior: auto|smooth|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. Permette uno scorrimento diretto tra gli elementi all'interno della scatola di scorrimento.
smooth Permette un'effetto di scorrimento fluido tra gli elementi all'interno della scatola di 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 animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: Modulo CSSOM View (bozza di lavoro)
Sintassi JavaScript: object.style.scrollBehavior="smooth"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0