MoreLesson 207Preview gratis
Sticky Element
Lesson ini bagian dari How To · Semua level
Ringkasan
Sticky element adalah elemen yang berperilaku normal sampai mencapai titik tertentu, lalu menempel di layar selama kontainernya masih terlihat. Properti position: sticky dikombinasikan dengan top, bottom, left, atau right sebagai ambang penempelan. Pola ini sering dipakai untuk judul bagian, sidebar, atau header tabel.
Poin kunci
- position: sticky memerlukan nilai offset seperti top: 0 agar aktif
- Elemen hanya menempel selama masih berada di dalam area induknya
- Induk dengan overflow: hidden dapat mematikan perilaku sticky
- Tambahkan z-index dan latar solid agar konten di bawahnya tidak menembus
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.