Apakah menata scrollbar mempengaruhi ux? [duplikat]

1. Mengapa scrollbar penting?
2. Bagaimana cara membuat scrollbar saya tidak mempengaruhi lebar?
3. Diperlukan scrollbar?
4. Bagaimana cara menata scrollbar di browser silang?

Mengapa scrollbar penting?

Satu -satunya tujuan bilah gulir standar adalah untuk memungkinkan pengguna untuk menghasilkan permintaan gulir untuk melihat seluruh konten area klien.

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.

Diperlukan scrollbar?

SCROLLBAR diperlukan dalam kasus di mana ada banyak item di menu dropdown. Aturan umum adalah bahwa hanya 6 hingga 10 item yang harus terlihat di dropdown.

Bagaimana cara menata scrollbar di browser silang?

Taruhan terbaik Anda untuk menata scrollbars di CSS, untuk sebanyak mungkin dukungan silang-browser, adalah menggunakan Special :: Webkit Proundse Properti CSS Scrollbar (Chrome & Safari akan membutuhkannya untuk saat ini) dan properti scrollbar-width dan scrollbar-color standar (untuk Firefox untuk saat ini).