Stijl scrollen Gedragseigenschap
Voorbeeld
Voeg een vloeiend scrollend effect toe aan een pagina:
document.documentElement.style.scrollBehavior = "smooth";
Definitie en gebruik
De eigenschap scrollBehavior geeft aan of de schuifpositie vloeiend moet worden geanimeerd, in plaats van een rechte sprong, wanneer de gebruiker op een link in een schuifbaar vak klikt.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
scrollBehavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
Syntaxis
object.style.scrollBehavior = "auto|smooth|initial|inherit"
Eigendomswaarden
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 |
Gerelateerde pagina's
CSS-referentie: eigenschap scroll-gedrag
❮ Stijlobject