Sticky Nav Menu: Updated
- View the Demo
- Watch a screencast introducing how to use Sticky Nav Menu.
- 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!
- Fixed a bug that would cause multiple submenus to display inconsistently.
- Fix a tiny IE7 kink.
- Added “displayHideButton” override.
- Added “pos” override”
- Added a new override called “cookie.”
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:
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
Update: Version 1.2 – December 22, 2009
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
$(’#myUL’).stickyBar({ cookie : false // menu displays with every page refresh instead. });
Please note that the value is true by default.






84comments