2009-08-08 5 views
4

Je cherche à mettre un fisheye/dock nav horizontal sur mon site, mais j'ai besoin d'un positionnement fixe ... tous ceux que j'ai trouvés ne supportent pas le positionnement fixe.Quelqu'un connaît un plugin de navigation jQuery fisheye/dock qui est capable d'avoir une position 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 - Prend en charge le positionnement fixe (position: absolute avec javascript pour s'assurer qu'il reste au même endroit) mais cela ne fonctionne pas car il est trop sautillant lorsque vous faites défiler vers le bas (Voir ce que je veux dire en allant sur ce lien) ... la position fixe réelle est généralement parfaitement lisse avec le défilement.

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

Quelqu'un connait-il un menu fisheye/dock qui fonctionnera avec un positionnement fixe? Changer le positionnement à fixe va casser les fonctionnalités de ces menus en particulier (ils le disent même dans l'article du premier lien ci-dessus). Je suis à la recherche d'un qui ne cassera pas si je change le positionnement à fixe.

+0

Avez-vous trouvé jamais une solution à cela? – coderama

Répondre

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

iutil.js Modifier l'interface, vous montrent soustraire scrollTop

+0

Merci! Tu m'as sauvé des heures et des heures de frustration! Certainement la meilleure solution là-bas.Juste pour clarifier pour les autres qui peuvent essayer ... télécharger interface.js et tous les fichiers source ici: http://interface.eyecon.ro puis éditez le fichier iutil.js et l'inclure dans l'en-tête de votre fichier html avec le reste de vos scripts. – user2755541

0

Le positionnement fixe peut être effectué avec CSS.

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

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

+0

le positionnement fixe brise la fonctionnalité fisheye du menu (il ne fait plus les icônes plus grandes que vous faites défiler) Je suis sûr qu'il doit y avoir un menu qui ne rompt pas avec le positionnement fixe – Matt

+1

vous pouvez toujours vous salir les mains et modifier l'un des plugins pour soutenir ce que vous voulez. – redsquare

Questions connexes