- Mengapa anda harus mengelakkan menu drop-down pada navigasi?
- Bilakah anda tidak boleh menggunakan lungsur turun?
- Berapa banyak item yang perlu diturunkan?
- Bagaimana saya membuat dropdown mudah alih responsif?
Mengapa anda harus mengelakkan menu drop-down pada navigasi?
Drop-down kadang-kadang boleh menyebabkan laman web tidak dapat digunakan pada iPhone atau BlackBerry dan juga boleh membuat hidup sukar di iPads. Menu drop-down juga boleh menggalakkan "creep navigation" di mana pemilik laman web terus menambah lebih banyak pilihan menu hanya kerana mereka boleh.
Bilakah anda tidak boleh menggunakan lungsur turun?
Secara umum, elakkan drop-down apabila terdapat lebih daripada 10 atau kurang daripada 5 pilihan. Drop-down dengan cepat menjadi sukar bagi pengguna apabila mereka dibentangkan dengan banyak pilihan untuk dipilih. Ambil, misalnya, input yang biasa dimasukkan dalam borang checkout, drop-down "pemilihan negara".
Berapa banyak item yang perlu diturunkan?
Memilih antara kotak senarai dan senarai dropdown. Berbanding dengan menggunakan kotak pilihan atau butang radio yang berdiri sendiri, lebih baik menggunakan senarai kotak atau dropdown apabila terdapat 5 atau lebih item yang boleh dipilih oleh pengguna.
Bagaimana saya membuat dropdown mudah alih responsif?
Tulis HTML untuk membuat item menu dropdown responsif. Gunakan CSS untuk gaya bar navigasi anda dengan lungsur jatuh responsif. Buat item submenu di dalam menu dropdown. Tambahkan pertanyaan media CSS untuk membuat perkara mudah alih responsif dengan submenu dropdown baru anda.