Mac style fisheye menu with JQuery?

Question

I found this: http://www.ndesign-studio.com/blog/design/css-dock-menu/

My problem, however, is that when setting

I’ve tried everything, but I can’t get the toolbar to be FIXED to the bottom of the screen. I.e. If the page has enough text to scroll, the icons don’t stick to the bottom when you scroll.

I got as far as setting #dock2’s position to fixed, which kinda did the trick, but then when you scroll down, the fisheye effect no longer works. But, if you move your mouse over the original location of the toolbar, the effect does works. This leads me to believe that the location of #dock2 doesnt get recalculated each time.

Can anyone help? I suspect I might have to someone dive into the core of "interface.js", but I'm not even sure how to get this in readable format.

Answer 1

This solved the problem for me: http://www.wizzud.com/jqDock/

Answer 2

With this patch the jQuery interfaces fisheye (the best fisheye online at the moment) works after scrolling while it’s fixed positioned: jQuery Interfaces Fisheye position: fixed; Patch