Properti scroll-behavior
Properti scroll-behavior mengatur gulir halus
atau instan di dalam elemen.
Properti ini menerima dua nilai auto (transisi
instan ke elemen) dan smooth (transisi
halus).
Sintaks
selector {
scroll-behavior: auto atau smooth;
}
Contoh . Nilai auto
Mari atur gulir instan:
<div>teks</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Contoh . Nilai smooth
Sekarang mari atur gulir halus:
<div>teks</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Lihat juga
-
kelas semu
:fullscreen,
yang mengatur gaya untuk elemen dalam mode layar penuh -
kelas semu
:default,
yang mengatur gaya untuk elemen secara default
