Promo artikel menutup otomatis setelah 5 detik
loading...

Kode HTML sticky menu navigasi

Pada halaman ini saya menulis artikel dengan judul kode HTML 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 kode HTML 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>


Lantas bagaimana menerapkannya di blog atau situs anda ?,temukan jawabannya dengan membaca tulisan saya yang berjudul cara membuat sticky menu navigasi untuk mendapatkan jawabannya
Artikel unik dari sampingkanan.com
loading...

Berlangganan artikel sampingkanan.com via email:

Iklan Atas Artikel

loading...

Iklan Bawah Artikel

loading...