Quelqu'un sait d'un plugin de navigation fisheye / dock jQuery qui est en mesure d'avoir une position fixe?

Question

Je cherche à mettre un nav fisheye / dock horizontal sur mon site, mais je dois à fixer le positionnement ... tous ceux que j'ai trouvé ne supporte pas le positionnement fixe.

Voici les liens vers quelques-uns de ceux que j'ai trouvé:

• jQuery OS X Dock # 1 - ne supporte pas le positionnement fixe
• CSS Dock Menu - Ceci est très similaire à celui ci-dessus ...
• euDock 2,0 - supports similaires pour le positionnement fixe (position: absolute avec javascript pour vous assurer qu'il reste au même endroit), mais cela ne fonctionne pas parce qu'il est trop nerveux lorsque vous faites défiler vers le bas (voyez ce que je veux dire en allant à ce lien et le défilement) ... position réelle fixe est généralement parfaitement lisse défilement.

Je n'ai pas encore vu une horizontale qui ne casse pas, il y a une verticale qui fonctionne sur la même page que le premier lien ci-dessus.

Quelqu'un sait un menu fisheye / station d'accueil qui fonctionnera avec un positionnement fixe?

Modifier Modification du positionnement fixe cassera la fonctionnalité de ces menus, en particulier (on dit même dans l'article paru dans le premier lien ci-dessus). Je suis à la recherche d'un qui ne cassera pas si je change le positionnement fixe.

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

Modifier iutil.js de l'interface, vous montrez soustraire scrollTop

Answer 2

Positionnement fixe peut être fait avec CSS.

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

Je ne l'ai pas utilisé l'une de ces choses fisheye javascript, mais je présume qu'ils vont travailler avec des éléments fixes.

Answer 3

Je vous suggère d'essayer celui-ci .

Pourquoi ne pas vous obtenez votre barre de navigation dans une div, et le contenu dans un autre div, avec auto de débordement? Ensuite, le navibar est toujours sur le dessus.

Comme ici: http://www.pmob.co.uk/ temp / fixe Header.htm

Answer 4

Quelques autres solutions hors-the-box à éviter re0inventing la roue (bien sûr, si la licence permet)

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

Answer 5

Vous pouvez patcher les interfaces jQuery Fisheye avec ce patch. Ensuite Fisheye travaille avec position: fixed;

voir: http://www.monkey-business.biz / 181 / jquery-interfaces fixes fisheye-position-patch /