Gulir Anda harus setidaknya setebal ketebalan browser terkecil karena pengguna Anda menghabiskan sebagian besar waktu mereka di situs web/aplikasi lain dan karenanya mengharapkan scrollbar setidaknya sebesar di browser mereka.
- Bagaimana Anda mengukur lebar bilah gulir?
- Bagaimana cara membuat bilah gulir saya lebih tebal?
- Bagaimana cara membuat scrollbar saya tidak mempengaruhi lebar?
- Dua jenis gulir apa yang harus dihindari?
Bagaimana Anda mengukur lebar bilah gulir?
ClientWidth mendefinisikan lebar elemen. Jadi scrollbar dapat didefinisikan sebagai lebar = offsetwidth - clientwidth.
Bagaimana cara membuat bilah gulir saya lebih tebal?
Klik dua kali/ketuk scrollheight. Jendela Edit String akan terbuka dengan nilai default -255. Itulah ukuran standar scrollbars yang Anda lihat di windows. Untuk mengubah ketinggian scrollbars sesuai keinginan Anda, masukkan nilai antara -120 (lebih kecil) ke -1500 (lebih besar) untuk ukuran yang Anda inginkan, dan klik/ketuk OK.
Bagaimana cara membuat scrollbar saya tidak mempengaruhi lebar?
Perbaikan yang mudah adalah menggunakan lebar: 100% sebagai gantinya. Persentase tidak termasuk lebar scrollbar, jadi akan secara otomatis pas. Jika Anda tidak dapat melakukan itu, atau Anda mengatur lebar pada elemen lain, tambahkan overflow-x: tersembunyi atau meluap: disembunyikan ke elemen sekitarnya untuk mencegah scrollbar.
Dua jenis gulir apa yang harus dihindari?
Ada beberapa masalah gulir dasar yang sering kita lihat, dan bahwa Anda harus peka terhadap. Yang pertama adalah pengguliran horizontal, yang biasanya tidak perlu. Kecuali interaksi adalah korsel, garis waktu, atau fitur terstruktur secara horizontal, Anda tidak boleh melihat scrollbar horizontal.