CSS : Membuat Menu Bar Statik di Atas Halaman

Oleh : Abah Razi

بسم الله الرحمن الرحيم

Kita dapat membuat sebuah bar statik di bagian atas layar yang berisi menu atau gambar. Bar ini tidak akan bergerak walaupun halaman kita scroll ke bawah.

Untuk melakukannya kita dapat menyisipkan kode css seperti contoh dibawah ini. Dimana bar dan header adalah komponen di HTML kita.

[code language=”css”]

#bar {
position: fixed;
z-index: 10; }

#header {
margin-top: 50px;
}

[/code]

Selamat mencoba