Sticky navbar. What about a sticky navbar?

I havent found a single clue to this topic.

Does nobody want it? Is there a different "name" around for this type of menu design.

I would like to have the top menu as a sticky navbar. Is this possibel?

I found this: http://www.jozefbutko.com/stickynavbar/

I would just place the nav bar at the top of the page and use css to fix the position; older IE versions required you to do a star hack since they don't recognise position: fixed.  If you want both the header and nav bar to stay fixed then, apply the css to the outer wrapper holding both.

I did that on a site i am designing for a friend of mine. http://www.thereddragonsite.com/dolphin/

However. The exact CSS to use and in what files will vary depending on the template.


EDIT. Link corrected. Originally going to wrong site.

Not too shabby Deano.  It has been awhile since I was in the Unreal Tournament world. 

 
Thanks. I am not a graphic designer. So i am not completely happy with it. Coming up with aesthetically pleasing designs is not something i am any good at.

If i was, i would be getting into game development. I can't exactly afford to hire graphic designers.

I want to implement this for the template biz2. Can anyone tell me where to add javascript code in which file?

Someone gave me this js code

$(document).ready(function(){ $(window).bind('scroll', function() { var navHeight = $( window ).height() - 105; if ($(window).scrollTop() > navHeight) { $('.sysmainmenu').addClass('fixednav'); } else { $('sys_main_menu').removeClass('fixednav'); } }); });

and this cs code

class .fixednav{ position:fixed;}

I added css code to top_menu.css but where to add js code?

I added below code to templates/tmpl_biz2/_header.html

 $(window).scroll(function() {    

    var scroll = $(window).scrollTop();

    if (scroll >= 105) {

        $(".sys_main_menu").addClass("fixednav");

    }

    else {

    $(".sys_main_menu").removeClass("fixednav"); 

    }

});

and it worked! 

A little problem still there....

I have set scroll >= 105

but  sys_main_logo height is decreasing on the smaller screen (may be increasing on the larger screen, I didn't check) hence, it is not getting fixed exactly after logo bar scrolls up!