CSS scroll-behavior egenskab
Definition og brug
scroll-behavior-egenskaben bestemmer, om der skal skrues glat (med animationseffekt) til positionen, når brugeren klikker på et link i en rullemetode, i stedet for en ret linjeoverførsel.
Eksempel
Tilføj en glat rulleeffekt til dokumentet:
html {
scroll-behavior: smooth;
}
Prøv det selv
CSS-syntaks
scroll-behavior: auto|smooth|initial|inherit;
Egenskabsværdi
| Værdi |
Beskrivelse |
| auto |
Standardværdi. Tillader en direkte skiftning af "rulleeffekt" mellem elementer i rulleboksen. |
| smooth |
Tillader en glat "rulleeffekt" mellem elementer i rulleboksen. |
| initial |
Sæt denne egenskab til dens standardværdi. Se: initial. |
| inherit |
Arver denne egenskab fra sin forældrelement. Se: inherit. |
Tekniske detaljer
| Standardværdi: |
auto |
| Arv: |
Nej |
| Animation fremstilling: |
Ikke understøttet. Se:Animationsegenskaber. |
| Version: |
CSSOM View Module (arbejdende udkast) |
| JavaScript-syntaks: |
object.style.scrollBehavior="smooth" |
Browserunderstøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne egenskab.
| Chrome |
IE / Edge |
Firefox |
Safari |
Opera |
| 61.0 |
79.0 |
36.0 |
14.0 |
48.0 |
