MenusLesson 23Preview gratis
Horizontal Scroll Menu
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Gulir Horizontal (Horizontal Scroll Menu). Komponen ini sangat populer di aplikasi seluler dan situs berita di mana daftar kategori navigasi dapat digeser menyamping ke kiri dan kanan dengan sentuhan jari tanpa memakan banyak tinggi layar.
Poin kunci
- Kontainer menu menggunakan overflow: auto (atau overflow-x: auto)
- Menerapkan properti white-space: nowrap pada kontainer agar item menu tidak turun ke baris baru
- Setiap tautan menu diatur dengan display: inline-block
- Mendukung scrollbar modern yang disembunyikan menggunakan styling scrollbar-width atau ::-webkit-scrollbar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.