Proprietà CSS comportamento di scorrimento
Esempio
Aggiungi un effetto di scorrimento fluido al documento:
html {
scroll-behavior: smooth;
}
Definizione e utilizzo
La scroll-behavior
proprietà specifica se animare in modo fluido la posizione di scorrimento, anziché un salto diretto, quando l'utente fa clic su un collegamento all'interno di una casella scorrevole.
Valore di default: | auto |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | Modulo di visualizzazione CSSOM (bozza di lavoro) |
sintassi JavaScript: | oggetto .style.scrollBehavior="liscio" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
scroll-behavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
Sintassi CSS
scroll-behavior: auto|smooth|initial|inherit;
Valori di proprietà
Value | Description |
---|---|
auto | Allows a straight jump "scroll effect" between elements within the scrolling box. This is default |
smooth | Allows a smooth animated "scroll effect" between elements within the scrolling box. |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |