WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript

Sticky Header

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Sticky Header - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

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

DXlrnage FULL CSS CUSTOMIZATION

Fully customize your Sticky Header to match your website’s design. Customize your themes with CSS in the main file.


colors 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 MEGA MENU

Sticky Header support mega drop down menu. You can create up to 12 columns menu based on the 960 grid system.


Unksv2C4 AilFiles DROP DOWN MENU

You can also add multi-level dropdown menu to your Sticky Header.



minimize-maximize COLLAPSIBLE CONTROL

You can minimize or maximize the Sticky Header with the built-in control.



compatible-browser 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.


mouse HOVER / CLICK

You can choose how to open the menu, by using mouse hover or click.



progressive-enhancement PROGRESSIVE ENHANCEMENT

It degrades gracefully without JavaScript. The Sticky Header will work fine in all browsers if JavaScript is disabled.


help HELP DOCUMENTATION

We have created the completed help document that will make it easy to implement and customize the Sticky Header.


Colors

Black

black

Blue

blue

Green

green

Orange

orange

Red

red

Violet

violet

My Collection

EVO SLIDER PRO Create varied slides Easily customized Touchscreen support PowerfulAPI Callback API Responsive layout Much more features. wcb JQUERY SLIDESHOW CONTENT SLIDER PLUGIN


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
3 May 11

Last Update:
N/A

Compatible Browsers:
IE8, IE9, Firefox, Safari, Opera

Files Included:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Keywords

eCommerce, eCommerce, All Items, drop down menu, header, javascript, jquery, mega menu, menu, navigation, sticky header