MoreLesson 249Preview gratis
Custom Scrollbar
Lesson ini bagian dari How To · Semua level
Ringkasan
Scrollbar dapat diberi gaya agar sesuai dengan desain situs, terutama di browser berbasis Chromium dan Safari. WebKit menyediakan pseudo-element seperti ::-webkit-scrollbar dan ::-webkit-scrollbar-thumb, sedangkan Firefox memakai scrollbar-width dan scrollbar-color. Selalu jaga kontras dan ukuran agar scrollbar tetap mudah digunakan.
Poin kunci
- ::-webkit-scrollbar mengatur ukuran area scrollbar di WebKit.
- ::-webkit-scrollbar-thumb adalah bagian yang digeser; beri warna dan border-radius.
- Firefox memakai scrollbar-width (auto/thin/none) dan scrollbar-color (thumb track).
- Jangan membuat thumb terlalu tipis atau kontrasnya rendah karena menyulitkan pengguna.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.