Sticky Header is the top navigation bar that remains at the top of the page even when a user scrolls the page. This makes navigating to other parts of the site easy.

The main functionnality of the Sticky Header is controlled by the CSS, javascript is used to show or hide the header. That means that if javascript is disabled, it will work fine in all browsers.

It also uses some CSS3 features like rounded corners or text shadow, and those effects won’t apply on older browsers , but this doesn’t affect the functionnality.

Watch video preview.

Update 5/16/2011 – Version 1.1

Added more colors
Added minimize option
Added ability to hover or click the menu

Features

	FULL CSS CUSTOMIZATION Fully customize your Sticky Header to match your website’s design. Customize your themes with CSS in the main file.
	AVAILABLE IN 6 COLORS Sticky Header comes with 6 default colors. You can also create your own color scheme by editing the CSS file.
	MEGA MENU Sticky Header support mega drop down menu. You can create up to 12 columns menu based on the 960 grid system.
	DROP DOWN MENU You can also add multi-level dropdown menu to your Sticky Header.
	COLLAPSIBLE CONTROL You can minimize or maximize the Sticky Header with the built-in control.
	CROSS-BROWSER COMPATIBLE We have tested Sticky Header to ensure it is compatible with the all modern web browsers like Firefox, Internet Explorer, Safari, Chrome, and Opera.
	HOVER / CLICK You can choose how to open the menu, by using mouse hover or click.
	PROGRESSIVE ENHANCEMENT It degrades gracefully without JavaScript. The Sticky Header will work fine in all browsers if JavaScript is disabled.
	HELP DOCUMENTATION We have created the completed help document that will make it easy to implement and customize the Sticky Header.

Colors

Black	Blue
Green	Orange
Red	Violet

My Collection