https://codingrakitan.blogspot.com/2020/09/cara-membuat-menu-auto-fixed-ketika-di.html Auto Fixed disini biasanya banyak di terapkan pada web-website yang ingin memiliki tampilan atau design web yang lebih menarik. Jadi simpelnya ketika kita melakukan scroll ke bawah menu yang tadinya posisinya tetap akan berubah menjadi fixed di atas atau di bagian tertentu yang sudah di tentukan. Ketika anda melakukan aksi scroll maka tampilan akan menjadi seperti berikut : Kode cara Membuat Menu Auto Fixed Ketika di Scroll Kode yang perlu anda perhatikan ada pada : Dimana pada kode javascript di atas menginstruksikan ketika terjadi scroll kebawah dan nilai over dari scroll ini lebih besar dari over menu maka tambahkan class fx pada menu, yang mana menu fx ini akan membuat position menjadi fixed dan berada di atas atau top 0px. Sedangkan bila kebalikannya bila terjadi scroll ke atas dan nilainya lebih kecil atau sama dengan menu over maka hapus kembali class fx yang membuat menu kembali seperti semula.Bagikan artikel ke: Facebook Google+ TwitterAdd Browser SupportThe numbers in the table specify the first browser version that fully supports the scroll-behavior property. Propertyscroll-behavior61.079.036.014.048.0 Cross-browser SolutionFor browsers that do not support the ExampleTip: Read more about the scroll-behavior property in our CSS Reference: CSS scroll-behavior Property. |