12/16/2018

Script sticky menu navigasi

loading...

Baca juga

loading...

Terbaru dari surau kampung

loading...
Pada halaman ini saya menulis artikel dengan judul script sticky menu navigasi.


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

<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...
loading...