Gagasan saya adalah bahwa menggunakan bilah gulir khusus, jika tetap dalam lingkup estetika, yaitu terlihat seperti hanya mengubah kulit bilah gulir default, bukan ide yang buruk. Pengguna segera memahami bagian khusus lain dari halaman web seperti tombol kustom, kotak centang kustom, dll. Apakah Anda memiliki masalah dalam memahami atribut yang dapat diklik dari tombol suara di situs pertukaran stackex? Atau apakah Anda memiliki masalah berinteraksi dengan kotak teks input khusus untuk menandai pertanyaan di situs stackexchange, atau Yahoo mail? Bilah gulir juga dapat dikenali dengan cepat oleh pengguna akhir, asalkan mereka tidak mengubah tata letak, atau fungsionalitas yang diharapkan dari peramban, misalnya menggulir ke arah sebaliknya, atau membuat bilah gulir melingkar. Anda baik untuk pergi selama Anda hanya mengganti kulit.
Namun, ada beberapa masalah dengan scrollbar kustom yang harus Anda pertimbangkan:
- Mereka biasanya membutuhkan banyak waktu untuk menjadi cross-browser
- Mereka mungkin tidak kompatibel dengan maju, yaitu dengan merilis versi browser baru, mereka mungkin rusak berfungsi.
- Anda harus menerapkan perilaku pengguliran secara manual. Untuk item ini, pertimbangkan tombol HTML. Ketika Anda menambahkan
disabled='disabled'
atribut ke mereka, browser tidak akan menerima klik atau masuk lagi pada mereka. Namun, ketika Anda menggunakan <div>
elemen untuk meniru perilaku tombol, maka Anda harus menerapkan perilaku yang dinonaktifkan sendiri. Bilah gulir khusus juga harus menerapkan fungsi gulir, yang sudah diterapkan oleh browser.
Terlepas dari hal-hal yang kami katakan, saya sarankan Anda memulai proyek hobi (bukan produksi) untuk pengalaman menggunakan dan menerapkan scrollbar kustom. Lihat halaman ini untuk contoh yang baik.