Sticky Nav Menu: Updated

by JeffreyWay

  • View the Demo
  • Watch a screencast introducing how to use Sticky Nav Menu.
  • What is It?

    If you’ve ever seen those neat little bars that stick to the bottom of a website – like the one at Envato.com – this mimics that functionality.

    Sticky Nav Menu is a super helpful script and navigation menu that has support for:

    • Sub-menus
    • Color fading
    • Always locked to the bottom of the window – even when the user scrolls!
    • Utilizes cookies to remember if a visitor to your website has chosen to hide the bar. This way, it won’t pop up every time they visit a new page within your site!

    If you have any questions , please feel free to jeffrey@jeffrey-way.com or leave a comment!

    Update: Version 1.3 – January 11th, 2009

    By popular demand, I’ve now changed the way that the close button works. It now shows a little arrow that you can use. This will allow the user to bring back the menu, should they decide to do so.

    Update: Version 1.25 – January 7th, 2009

    • Fixed a bug that would cause multiple submenus to display inconsistently.
    • Fix a tiny IE7 kink.

    Update: Version 1.2 – December 22, 2009

    • Added “displayHideButton” override.
    • Added “pos” override”

    Example

    $(’#myUl’).stickyBar({ pos : ‘top’, displayHideButton : false });

    Pos determines whether the bar is placed at the top or the bottom of the screen. The default is “bottom,” but you can change it to “top” if you prefer.

    displayHideButton allows you to turn off the feature where the “hide” button pops up when you hover over the bar.

    Update: Version 1.1 – December 17, 2009

    • Added a new override called “cookie.”
    If you set this value to “false,” the menu will reload with every page refresh. For example:

    $(’#myUL’).stickyBar({ cookie : false // menu displays with every page refresh instead. });

    Please note that the value is true by default.

$6

Prepaid customers
pay just $4 - how? Prepay Your Account With our deposit system not only will purchasing be much faster, but we’ll also take $2 off the price! Find Out More Price

You must sign in or sign up to purchase this item.

12345 ( 51 ratings )

Purchase 262 purchases

JeffreyWay

JeffreyWay

Exclusive Author Contributed a Tutorial Referred at least one person Site Manager Blog Editor Contributed a Blog Post Reviewer Forum Moderator Repeatedly Helped protect Envato Marketplaces against copyright violations Sold between 1 000 and 5 000 dollars Bought between 1 and 9 items United States
File Types Included
CSS HTML JavaScript JS
Item Attributes
Created 16 December 09
JS Library jQuery 1.3
JavaScript Files Included CSS, HTML, JavaScript JS
Compatible Browsers FireFox 2, FireFox 3, IE7, IE8, Opera, Safari
Collections that include this item