Drop-down

Sekiranya saya menggunakan menu jatuh turun dalam reka bentuk mudah alih?

Sekiranya saya menggunakan menu jatuh turun dalam reka bentuk mudah alih?
  1. Mengapa anda harus mengelakkan menu drop-down pada navigasi?
  2. Bilakah anda tidak boleh menggunakan lungsur turun?
  3. Berapa banyak item yang perlu diturunkan?
  4. 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.

Ulangi Tindakan Utama Butang Split?
Apakah penggunaan butang Split?Bagaimana anda membuat butang berpecah? Apakah penggunaan butang Split?Butang Split adalah hibrid antara butang dan m...
Cadangan untuk label carta dengan 2 tindakan
Bagaimana anda menambah dua label data ke carta?Carta mana yang terbaik digunakan untuk menunjukkan hubungan dua pembolehubah?Jenis carta mana yang t...
Akordion vs seksyen yang boleh dilanggar
Apakah perbezaan antara keruntuhan dan akordion?Apa itu bahagian yang boleh dilipat?Apa itu akordion dalam reka bentuk UI?Apa itu akordion dalam boot...