Alguien sabe de un plugin de jQuery navegación ojo de pez / muelle que es capaz de tener una posición fija?

Question

Estoy mirando para poner un ojo de pez NAV / muelle horizontal en mi sitio, pero necesito que me lo arreglaran posicionamiento ... todos los que he encontrado no son compatibles con posicionamiento fijo.

A continuación se presentan enlaces a algunos de los que he encontrado:

• jQuery OS X Dock # 1 - no es compatible con posicionamiento fijo
• CSS Muelle Menú - Esto es muy similar a la de arriba ...
• euDock 2,0 - soportes similares a posicionamiento fijo (posición: absoluta con Javascript para asegurarse de que permanece en el mismo lugar), pero esto no funciona porque es demasiado nervioso cuando se desplaza hacia abajo (Véase lo que quiero decir con ir a ese enlace y desplazamiento) ... posición fija real es por lo general perfectamente lisa con el desplazamiento.

todavía tengo que ver una horizontal que no se rompe, hay una vertical que funciona en la misma página que el primer enlace anterior.

Alguien sabe cualquier menú de ojo de pez / muelle que trabajará con posicionamiento fijo?

Editar: Cambiar el posicionamiento a fijo se romperá la funcionalidad de estos menús, en particular (incluso dicen que en el artículo en el primer enlace de arriba). Estoy buscando uno que no se romperá si cambio de la colocación de fijo.

Answer 1

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};
},

Modificar iutil.js de interfaz, que muestran restar scrollTop

Answer 2

posicionamiento fijo se puede hacer con CSS.

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

No he utilizado ninguna de estas cosas Javascript ojo de pez, pero supongo que va a trabajar con elementos fijos.

Answer 3

Le sugiero que pruebe éste .

¿Por qué ¿no lo consigue la barra de navegación en un div, y el contenido en otro div, con auto desbordamiento? A continuación, el Navibar está siempre encima.

Al igual que aquí: http://www.pmob.co.uk/ temp / fijo-Header.htm

Answer 4

Algunas soluciones más fuera de la caja para evitar re0inventing la rueda (por supuesto, si la licencia lo permite)

http://www.ndesign-studio.com/blog / mac / css-muelle-menú

Answer 5

Puede asignar las interfaces Ojo de jQuery con este parche. Entonces Ojo trabaja con position: fixed;

Vea: http://www.monkey-business.biz / 181 / jquery-interfaces de ojo de pez-posición-patch fija /