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.


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

#header {    
     margin-top: 50px; 
} 

Selamat mencoba

About Reza Ervani
Adalah pendiri programming.rezaervani.com -

About Reza Ervani 381 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.