Eigenschap scroll-behavior
De eigenschap scroll-behavior bepaalt soepele
of onmiddellijke scroll binnen een element.
De eigenschap accepteert twee waarden auto (onmiddellijke
overgang naar het element) en smooth (soepele
overgang).
Syntaxis
selector {
scroll-behavior: auto of smooth;
}
Voorbeeld . Waarde auto
Laten we onmiddellijk scrollen instellen:
<div>tekst</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Voorbeeld . Waarde smooth
Laten we nu soepel scrollen instellen:
<div>tekst</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Zie ook
-
pseudoklasse
:fullscreen,
die stijl bepaalt voor elementen in de modus voor volledig scherm -
pseudoklasse
:default,
die standaardstijl bepaalt voor elementen
