MenusLesson 16Preview gratis
Fixed Sidebar
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Bilah Samping Tetap (Fixed Sidebar). Komponen sidebar ini menempel permanen di sisi kiri layar dengan tinggi 100% viewport sehingga tetap terlihat ketika pengunjung menggulir konten artikel utama di sebelah kanan.
Poin kunci
- Sidebar menggunakan position: fixed dan height: 100% di sisi kiri layar
- Menentukan lebar tetap (contoh: 160px) dan z-index agar selalu berada di atas konten dasar
- Konten utama diberi margin-left setara atau lebih besar dari lebar sidebar agar teks tidak tertimpa
- Menambahkan overflow-x: hidden dan overflow-y: auto jika daftar menu sidebar sangat panjang
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.