MenusLesson 25Preview gratis
Bottom Navigation
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Bilah Navigasi Bawah (Bottom Navigation Bar). Komponen ini dikunci permanen di bagian bawah layar menggunakan CSS position: fixed, menjadikannya pola navigasi jempol (thumb zone) paling populer untuk aplikasi web mobile.
Poin kunci
- Navigasi dikunci di tepi bawah menggunakan position: fixed dan bottom: 0
- Menyetel lebar ke width: 100% dan z-index tinggi agar selalu terlihat di atas artikel
- Memposisikan tautan mendatar dengan CSS Float atau Flexbox
- Memberikan padding-bottom pada elemen body konten agar teks bawah tidak tertutup navigasi
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.