Geek Answers Handbook

Does anyone know of a jQuery fisheye / dock navigation plugin that can have a fixed position?

I want to place a horizontal fisheye / dock on my site, but I need this to be fixed positioning ... everything I found does not support fixed positioning.

Here are links to some of those found:

  • jQuery OS X Dock # 1 - Doesn't support fixed positioning
  • CSS Dock Menu - This is very similar to the previous ...
  • euDock 2.0 - supports similar fixed positioning (position: absolute with javascript to make sure it stays in the same place), but it doesn’t. It works too hard when you scroll down (see what I mean by going to this link and scroll) ... the real fixed position is usually perfectly smooth with scrolling.

I have not seen a horizontal one that will not break, there is a vertical one that works on the same page as the first link above.

Does anyone know a fisheye / dock menu that will work with fixed positioning?

Edit: Changing the positioning to fixed will disrupt the functionality of these menus in particular (they even talk about this in the article in the first link above). I am looking for one that will not break if I change the positioning to fixed.

+4
source share
5 answers
getPointer : function(event) { var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)) || 0; var y = event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)) || 0; //subtract, add scrollbar y -= $(window).scrollTop(); return {x:x, y:y}; },

Change iutil.js interface, you will see subtraction scrollTop

+1
source

Fixed positioning can be done using CSS.

 #main_menu { position: fixed; top:10px; left:10px; }

I have not used any of these fisheye javascript things, but I believe that they will work with fixed elements.

0
source

I suggest you try this one .

Why don’t you get your navigation bar in one div, and the contents in another div with automatic overflow? Then the navigator is always on top.

Like here: http://www.pmob.co.uk/temp/fixed-header.htm

0
source

A few more solutions out of the box to avoid wheel reuse (of course, if a license is allowed)

http://www.ndesign-studio.com/blog/mac/css-dock-menu

0
source

You can fix jQuery Fisheye interfaces with this patch. Then Fisheye works with position: fixed;

see: http://www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/

0
source

More articles:


All Articles