Mainmenu Position Fixed After Scroll down.

  • eckle

    (@eckle)


    12 years, 8 months yang lalu

    Gan, ane mau nanya gimana caranya bikin posisi mainmenu jadi fixed setelah page udah di scroll down. Disini contohnya; http://goo.gl/jJ4ay
    Gua dah liat di Opera Dragonfly, cuman banyak amat jadi ga tau tag spesipiknya supaya posisi menunya jadi gitu…
    Kasi tau ane dong propertis CSS-nya gimana, kalo bisa sekalian ama link tutorialnya. 😀

    Makasih bhuanyak kk!

Melihat 2 balasan - 1 sampai 2 (dari total 2)
  • Moderator Bogy Harseno

    (@bogyharseno-1)

    12 years, 7 months yang lalu

    Caranya, gunakan javascript jQuery. Kebetulan saat ini saya jg sdg membuat template WordPress sperti itu. Silahkan lihat situs ini. Lihat source codenya, perhatikan javascript “yang mengendalikan” menu spy fixed setelah mnyentuh titik atas `if (scroll_top > 170)’:

    <script type="text/javascript">
	navigation_fixed = false;
	function navigationScroll() { scroll_top = jQuery(window).scrollTop();
		if (scroll_top > 170) { if (!navigation_fixed) { navigation_fixed = true; admin_bar = jQuery('#wpadminbar'); if (admin_bar.length != 0) height = admin_bar.height(); else height = 0; jQuery('#wrapnta').css('position', 'fixed').css('top', 0 + height); } }
		else { if (navigation_fixed) { navigation_fixed = false; jQuery('#wrapnta').css('position', 'static'); } }
	}
	jQuery(window).scroll(navigationScroll);
</script>

    Selamat mencoba 🙂

    Pencetus Utas eckle

    (@eckle)

    12 years, 7 months yang lalu

    Beeeeh disitu dia ternyata.
    Thanks ya gan, ntr ane cari tut-nya deh…

Melihat 2 balasan - 1 sampai 2 (dari total 2)
  • Topik ‘Mainmenu Position Fixed After Scroll down.’ tertutup untuk balasan baru.