Die Eigenschaft scroll-behavior
Die Eigenschaft scroll-behavior legt fest, ob das Scrollen innerhalb eines Elements sanft oder sofort erfolgt.
Die Eigenschaft akzeptiert zwei Werte: auto (sofortiger
Übergang zum Element) und smooth (sanfter
Übergang).
Syntax
Selektor {
scroll-behavior: auto oder smooth;
}
Beispiel . Wert auto
Lassen Sie uns ein sofortiges Scrollen festlegen:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Beispiel . Wert smooth
Lassen Sie uns nun ein sanftes Scrollen einstellen:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Siehe auch
-
die Pseudoklasse
:fullscreen,
die Stile für Elemente im Vollbildmodus festlegt -
die Pseudoklasse
:default,
die Stile für Standardelemente festlegt
