Inspired by Envato site-switcher, here is what I came up with, a sticky side panel made with CSS and enhanced greatly with jQuery.
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.
Built from ground up, Sticklr is friendly for user having their JavaScript disabled. Although this is an extreme rare case.
There is no right placement whether it's right or left. Sometimes it could be both.
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.
Menu can be separated in multiple columns with different title, you only need to make a separate list for each column.
Easy to customize the styling right from CSS, that's why it's CSS file is separated from the jQuery script.
Sticklr is smartly positioned. Resizing your browser would automatically correct the position itself to center of the browser.
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.
Come with <10KB minified JS+CSS, a fair size for a nice enhancement.
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 |