CSS scroll-behavior egenskap
- föregående sida @scope
- Nästa sida scroll-margin
Definition och användning
scroll-behavior-egenskapen specificerar om positionen ska rulla smidigt (med animationseffekt) när användaren klickar på en länk i en rullbar ram, istället för att hoppa direkt.
Exempel
Lägg till en smidig rullningseffekt för dokumentet:
html {
scroll-behavior: smooth;
}
CSS-syntax
scroll-behavior: auto|smooth|initial|inherit;
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| auto | Standardvärde. Tillåter en direktöverskridande "rullningseffekt" mellan element inom rullrutan. |
| smooth | Tillåter en smidig "rullningseffekt" mellan element inom rullrutan. |
| initial | Sätt detta egenskap till dess standardvärde. Se initial. |
| inherit | Följer från föräldrelementet. Se inherit. |
Tekniska detaljer
| Standardvärde: | auto |
|---|---|
| Arv: | Nej |
| Animering: | Inte stödd. Se:Animeringsrelaterade egenskaper. |
| Version: | CSSOM View Module (arbetsutkast) |
| JavaScript-syntax: | object.style.scrollBehavior="smooth" |
Webbläsarstöd
Talen i tabellen anger den första webbläsare som helt stöder detta egenskap.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- föregående sida @scope
- Nästa sida scroll-margin
