Cara Membuat Sub Menu Melayang Saat di Scroll

Submenu (submenu jamak) (komputasi, antarmuka pengguna grafis) Menu sekunder yang tersedia melalui menu lain, terutama yang bercabang pertama.

Kali ini AnolsyuBlog akan membagikan gimanasih cara membuat sub menu bisa melayang saat discroll kebawa (scroll down), caranya itu sangat simple dan gampang cukup menambahkan script di atas code html template  </body> tips atau cara ini mempermudah para pengunjung untuk mengeksplor apa yang ada di blog anda, begini cara membuatnya.

1. Buka blogger.com

2. Pilih Template

3. Edit HTML

4. Copy Kode HTML berikut

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { // Menentukan elemen yang dijadikan sticky yaitu .nav var stickyNavTop = $('.nav').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya if (scrollTop > stickyNavTop) { $('.nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('.nav').css({ 'position': 'relative' }); } }; // Jalankan fungsi stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]> < /script>

5. Paste kode tersebut di atas </body> *caranya mencarinya CTRL+F lalu ketik </body> terus pastekan kode tersebut* 

6. Simpan