Termasuk scrollbar berbasis JavaScript yang dapat disesuaikan (dan fungsi scrolling secara umum, yaitu ikat kontrol ke roda gulir mouse) di webapp Anda bisa menjadi godaan yang hebat.
Namun semua solusi yang dapat saya temukan dikembangkan oleh individu (yang dapat sama dengan kurangnya dukungan formal atau masa depan). Selain itu, saya gagal mengingat situs utama mana pun yang menggunakannya.
Dalam kasus khusus saya, lingkungan tanpa-JavaScript atau IE6 / aneh-browser tidak dimaksudkan untuk didukung.
Haruskah scrollbar kustom dihindari saat ini? Jika tidak, apa pilihan terbaik yang bisa dipilih?
Jawaban:
Salah satu argumen yang sangat penting yang selalu meyakinkan saya dalam hal kegunaan adalah konsistensi. Anda mungkin ingin membuat semua pegangan di situs Anda terlihat sama, tujuan yang mulia, tetapi pikirkan tentang bagaimana seseorang menggunakan aplikasi atau situs Anda. Mereka tidak hanya menggunakan milik Anda, mereka menggunakan banyak. Bahkan, saya sudah mendapatkan 8 tab dari 6 situs web yang berbeda yang terbuka sekarang. Saya dapat beralih ke tab apa pun dan masih memiliki bilah gulir yang sama, terlihat sama, di mana pun. Saya selalu tahu di mana saya dapat menggulir konten saya.
Jadi jika memungkinkan, dan jika itu tidak membuat marah setiap desainer grafis, tetap dengan apa yang orang ketahui :) Kecuali Anda memiliki ide baru yang brilian, yang akan menjadi revolusi baru dalam pengguliran!
sumber
Jika Anda menambahkan bilah gulir khusus Anda sendiri, pengguna harus menunggu dan memprosesnya dalam pikiran mereka selama beberapa saat - sebelum mereka dapat menggunakannya. Ini tidak selalu baik - Anda sudah memiliki konten di situs Anda untuk dilihat dan dipahami pengguna, biarkan yang lainnya keluar seperti yang diharapkan.
Selalu berusaha membuat situs Anda MUDAH dinavigasi. Kecantikan seharusnya tidak menuntut (atau mengaktifkan) kesadaran .
sumber
Saya pikir bahwa mengganti bilah gulir bukanlah ide yang baik. Saat Anda terbiasa dengan os dan browser - menggulir tidak memerlukan banyak input dari otak Anda. Memiliki yang dirancang dengan baik itu luar biasa tetapi Anda akan membingungkan pelanggan Anda. Apakah nilai tambah cukup untuk mengimbangi gangguan untuk kepalan tangan beberapa kali mereka menggunakannya.
sumber
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:
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.
sumber
Jacob Nielsen memiliki entri bagus pada scrollbar dan apa yang harus Anda lakukan dengan mereka. Dia secara khusus merekomendasikan untuk tidak menggunakan scrollbars OS dan memperingatkan terhadap scrolling horizontal.
sumber