Stile scrollComportamento Proprietà
Esempio
Aggiungi un effetto di scorrimento fluido a una pagina:
document.documentElement.style.scrollBehavior = "smooth";
Definizione e utilizzo
La proprietà scrollBehavior specifica se animare uniformemente la posizione di scorrimento, invece di un salto diretto, quando l'utente fa clic su un collegamento all'interno di una casella scorrevole.
Supporto browser
Property | |||||
---|---|---|---|---|---|
scrollBehavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
Sintassi
object.style.scrollBehavior = "auto|smooth|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
auto | Default. Allows a straight jump "scroll effect" between elements within the scrolling box. |
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 |
Pagine correlate
Riferimento CSS: proprietà scroll-behavior
❮ Oggetto stile