MenusLesson 54Preview gratis
Sticky Social Bar
Lesson ini bagian dari How To · Semua level
Ringkasan
Sticky social bar adalah deretan ikon media sosial yang tetap terlihat di sisi layar saat pengguna menggulir halaman. Karena posisinya fixed, bar tidak ikut bergerak bersama konten. Pada layar kecil, bar biasanya dipindahkan ke bawah agar tidak menutupi area baca.
Poin kunci
- position: fixed menahan bar di posisi yang sama saat halaman digulir.
- top: 50% dengan transform: translateY(-50%) memusatkan bar secara vertikal.
- z-index menjaga bar tetap di atas konten lain.
- Media query dapat memindahkan bar ke bawah pada layar sempit.
- Atribut aria-label pada setiap tautan ikon membantu pengguna pembaca layar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.