Sticklr
Sticky Side Panel CSS & jQuery Plugin
Features
Inspired by Envato site-switcher, here is what I came up with, a sticky side panel made with CSS and enhanced greatly with jQuery.
Show on Hover/Click/Dblclick
Set menu to be shown when mouse hover, click, or double-click. In this page, you can see the left one is click and the right one is hover.
Works without JS (CSS Fallback)
Built from ground up, Sticklr is friendly for user having their JavaScript disabled. Although this is an extreme rare case.
Left/Right Side
There is no right placement whether it's right or left. Sometimes it could be both.
Fixed position
Even if you scroll the page, Sticklr will remain in it's place. Sticklr will always follow you in the middle on the side of the page.
Multiple column
Menu can be separated in multiple columns with different title, you only need to make a separate list for each column.
Flexible Styling
Easy to customize the styling right from CSS, that's why it's CSS file is separated from the jQuery script.
Centered Automatically
Sticklr is smartly positioned. Resizing your browser would automatically correct the position itself to center of the browser.
Cross-browser compatible
Sticklr has been tested to work on IE7+, Firefox 3+, Chrome 11+. If you still found a bug, please shoot me an email so I can fix it.
Simple & lightweight
Come with <10KB minified JS+CSS, a fair size for a nice enhancement.
-
-
- Example use
-
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
- 3