ScrollBar
Scrollbar adalah bilah geser yang memperlihatkan kedalaman (vertical scrollbar) dan lebar (horizontal scrollbar) halaman.
Scrollbar hanya muncul ketika lebar atau kedalaman halaman melebihi dimensi viewport atau lebar layar perangkat.
Bagian-bagian Scrollbar
Bagian-bagian dari scrollbar (anatomi scrollbar)
::-webkit-scrollbar | seluruh scrollbar. |
::-webkit-scrollbar-button | tombol yang berada pada body scrollbar. |
::-webkit-scrollbar-thumb | bagian penggerser halaman. |
::-webkit-scrollbar-track | tempat bergesernya thumb. |
::-webkit-scrollbar-track-piece | ruang sisa pergeseran thumb. |
::-webkit-scrollbar-corner | sudut bertemunya srollbar samping dan bawah. |
::-webkit-resizer | tuas sudut untuk mengubah dimensi elemen. |
Track (treker)
button
Thumb
Track piece
button
Contoh CSS untuk mengkustom tampilan scrollbar.
Lihat Demo Scrollbar