MenusLesson 44Preview gratis
Dropup
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Tarik ke Atas (Dropup Menu). Kebalikan dari dropdown konvensional yang membuka opsi ke bawah, menu dropup membuka kotak daftar pilihan mengarah ke atas, sangat ideal untuk tombol menu di bilah bawah (bottom navbar) atau footer.
Poin kunci
- Menggunakan position: absolute dengan koordinat bottom: 100% (atau bottom: 50px)
- Memastikan menu mengembang ke atas tanpa keluar dari batas layar atas
- Menerapkan ikon panah ke atas (fa-caret-up) sebagai isyarat arah animasi
- Menghindari masalah terpotongnya menu saat diletakkan dekat tepi bawah layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.