Die scroll-behavior eienskap
Die eienskap scroll-behavior stel 'n gladde
of oombliklike blaaibinnede-in-element.
Die eienskap neem twee waardes aan auto (oombliklike
oorgang na die element) en smooth (gladde
oorgang).
Sintaksis
selekteerder {
scroll-behavior: auto of smooth;
}
Voorbeeld . Waarde auto
Kom ons stel oombliklike blaai in:
<div>teks</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Voorbeeld . Waarde smooth
En laat ons nou gladde blaai instel:
<div>teks</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Sien ook
-
die pseudoklas
:fullscreen,
wat styl aan elemente in volskermmodus toewys -
die pseudoklas
:default,
wat styl aan verstelemente toewys