Stil scrollBehavior egenskap
- Föregående sida right
- Nästa sida tableLayout
- Gå tillbaka till föregående nivå HTML DOM Style-objekt
Definition och användning
scrollBehavior
Egenskapen specificerar om det finns en smidig animation när användaren klickar på en länk i en rullbar ruta, istället för att direktöverskrida.
Se också:
CSS Referenshandbok:scroll-behavior egenskap
Exempel
Lägg till en smidig rullningseffekt på sidan:
document.documentElement.style.scrollBehavior = "smooth";
Syntax
object.style.scrollBehavior = "auto|smooth|initial|inherit"
Egenskapsvärde
Värde | Beskrivning |
---|---|
auto | Standard. Tillåter direktöverskridning mellan element inom rullrutan. |
smooth | Tillåter en smidig animation mellan element inom rullrutan. |
initial | Ställ in denna egenskap till dess standardvärde. Se till initial。 |
inherit | Följande egenskap från dess föräldrelement. Se till inherit。 |
Webbläsarstöd
Tal i tabellen noterar den första webbläsarens version som helt stöder detta egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- Föregående sida right
- Nästa sida tableLayout
- Gå tillbaka till föregående nivå HTML DOM Style-objekt