loading...
Pada halaman ini saya menulis artikel dengan judul script sticky menu navigasi.
loading...
Substansi dari artikel ini adalah membuat menu navigasi yang posisinya tetap berada di atas atau statis meskipun pengunjung menggulirkan roda mouse nya ke bawah atau ke atas
Apabila anda berminat untuk menerapkannya di blog atau situs anda silahkan anda copy dan paste script nya di bawah ini
loading...
<kode HTML A>
< script type='text/javascript'> //<![CDATA[ $(document).ready(function() { // Menentukan elemen yang dijadikan sticky yaitu #header-wrap var stickyNavTop = $('#header-wrap').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya if (scrollTop > stickyNavTop) { $('#header-wrap').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('.nav').css({ 'position': 'relative' }); } }; // Jalankan fungsi stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]> </script>
Keterangan : Ganti #header-wrap dengan ID menu navigasi blog anda
Lantas bagaimana menerapkannya di blog atau situs anda ?,temukan jawabannya dengan membaca tulisan saya yang berjudul cara membuat sticky menu navigasi untuk mendapatkan jawabannya
loading...
