MoreLesson 250Preview gratis
Hide Scrollbar
Lesson ini bagian dari How To · Semua level
Ringkasan
Menyembunyikan scrollbar bisa membuat tampilan lebih bersih, tetapi konten harus tetap dapat digulir. Di WebKit, ::-webkit-scrollbar { display: none } menyembunyikan batang gulir, sedangkan Firefox memakai scrollbar-width: none. Hindari overflow: hidden jika maksudmu hanya menyembunyikan visual scrollbar, karena itu mematikan kemampuan menggulir.
Poin kunci
- scrollbar-width: none menyembunyikan scrollbar di Firefox tanpa mematikan scroll.
- ::-webkit-scrollbar { display: none; } melakukannya di Chromium dan Safari.
- overflow: hidden mencegah scroll, jadi bukan cara yang sama.
- Sembunyikan scrollbar hanya jika masih ada petunjuk bahwa konten bisa digulir.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.