Itqualityassurance
- Adalah header tetap bagus?
- Posisi apa yang harus saya gunakan untuk header yang diperbaiki di bagian atas layar saat saya menggulir ke bawah?
- Mengapa posisi tetap tidak berfungsi?
Adalah header tetap bagus?
Header tetap dapat memberikan situs web tampilan yang dipoles dan memiliki manfaat tambahan dari menghemat waktu pengguna (karena mereka tidak perlu menggulir ke atas untuk kembali ke menu navigasi utama). Faktanya, satu studi menemukan situs web dengan header lengket 22% lebih cepat untuk dinavigasi daripada situs web lain.
Posisi apa yang harus saya gunakan untuk header yang diperbaiki di bagian atas layar saat saya menggulir ke bawah?
Jawaban: Gunakan posisi tetap CSS
Cukup terapkan properti posisi CSS dengan nilai yang ditetapkan dalam kombinasi dengan properti atas dan bawah untuk menempatkan elemen di bagian atas atau bawah viewport sesuai.
Mengapa posisi tetap tidak berfungsi?
Posisi diperbaiki tidak berfungsi dengan transformasi properti CSS. Itu terjadi karena transformasi menciptakan sistem koordinat baru dan posisi Anda: elemen tetap menjadi tetap pada elemen yang diubah itu. Untuk memperbaiki masalah, Anda dapat menghapus properti transformasi CSS dari elemen induk.
