Proprietà scrollBehavior dello stile

Definizione e uso

scrollBehavior L'attributo definisce se ci sia un'animazione fluida quando l'utente clicca su un link all'interno di una scatola scorribile, invece di saltare direttamente.

Vedi anche:

Manuale CSS:Attributo scroll-behavior

Esempio

Aggiungi un effetto di scorrimento fluido alla pagina:

document.documentElement.style.scrollBehavior = "smooth";

Prova a farlo tu stesso

Sintassi

oggetto.style.scrollBehavior = "auto|smooth|initial|inherit"

Valore dell'attributo

Valore Descrizione
auto Predefinito. Effetto di scorrimento che consente passaggi diretti tra gli elementi all'interno della scatola di scorrimento.
smooth Effetto di scorrimento che consente animazioni fluide tra gli elementi all'interno della scatola di scorrimento.
initial Imposta questa proprietà al suo valore predefinito. Vedi anche initial.
inherit Questa proprietà è ereditata dal suo elemento padre. Vedi anche inherit.

Supporto del browser

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

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