Membuat menu fixed setelah scroll

Hallo teman-teman, apa kabarnya hari ini, pada kesempatan kali ini saya akan memberikan satu trik tentang bbagaimana cara untuk membuat menu menjadi melayang pada saat scroll.

Yang dimaksud dengan scroll setelah scroll adalah ketika halaman di scroll kebawah dan bagian menu menyentuh titik paling atas dari jendela akan menjadi fixed (menjadi melayang di paling atas)

Untuk lebih jelasnya kita akan simak demo yang telah saya berikan dibawah ini

Pada Kasus diatas menggunakan fungsi  window.onscroll untuk mendeteksi aktivitas scroll pada browser.

Dengan begitu kuta bisa menambahkan property css berdasarkan id  yang ada di css.

demikian artikel tentang cara membuat menu fixed setelah scroll diatas, Semoga bermanfaat

Untuk kalian yang penasaran coba kalian lakukan percobaan dengan kode javascript tersebut.