Style scrollBehavior eigenschap

Definitie en gebruik

scrollBehavior De eigenschap bepaalt of er een soepele animatie is wanneer de gebruiker op een link in een scrollbalk klikt, in plaats van direct te navigeren.

Zie ook:

CSS Referentiemanualscroll-behavior eigenschap

Voorbeeld

Voeg een soepele scroll-effect toe aan de pagina:

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

Probeer het zelf

Syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto Standaard. Laat de "scroll-effect" toe voor een directe overgang tussen elementen binnen de scrollbalk.
smooth Laat de "scroll-effect" toe voor een soepele animatie tussen elementen binnen de scrollbalk.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial
inherit Deze eigenschap wordt overgenomen van de ouder-element. Raadpleeg inherit

Browserondersteuning

De cijfers in de tabel vermelden de versie van de browser die de eerste volledige ondersteuning voor deze eigenschap biedt.

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