Wer weiß, eine jQuery Fisheye / Dock-Navigation-Plugin, das eine feste Position hat, ist in der Lage?

StackOverflow https://stackoverflow.com/questions/1249903

Frage

Ich suche eine horizontale Fisheye / Dock nav auf meiner Website zu setzen, aber ich brauche es Positionierung festgelegt werden ... alle, die ich gefunden habe keine feste Positionierung unterstützen.

Hier sind Links zu einigen von denen, die ich gefunden habe:

  • jQuery OS X Dock # 1 - unterstützt keine feste Positionierung
  • CSS Dock Menu - Dies ist sehr ähnlich die oben ...
  • euDock 2.0 - auf feste Positionierung ähnlich Unterstützt (position: absolute mit Javascript, um sicherzustellen, es bleibt an der gleichen Stelle), aber das funktioniert nicht, weil es viel zu nervös ist, wenn Sie nach unten scrollen (sehen Sie, was ich damit meine zu diesem Link gehen und scrollen) ... real feste Position ist in der Regel vollkommen glatt mit Scrollen.

Ich habe noch eine horizontale, um zu sehen, die nicht bricht, gibt es eine vertikale ist, die oben auf der gleichen Seite wie der erste Link funktioniert.

Wer weiß, jedes Fisheye / Dock-Menü, das mit fester Positionierung funktioniert?

Edit: Ändern die Positionierung auf die Funktionalität dieser Menüs in bestimmten festen brechen (sie es sogar sagen, in dem Artikel in dem ersten Link oben). Ich suche eine, die nicht brechen wird, wenn ich die Positionierung auf festen ändern.

War es hilfreich?

Lösung

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

Ändern iutil.js der Schnittstelle, zeigen Sie scrollTop subtrahieren

Andere Tipps

Feste Positionierung kann mit CSS erfolgen.

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

Ich habe keine dieser Fisheye-JavaScript Dinge verwendet, aber ich nehme an, sie werden mit festen Elementen arbeiten.

Ich schlage vor, Sie versuchen, dieses .

Warum dont bekommen Sie Ihre Navigationsleiste in einem div und der Inhalt in einem anderen div, mit Überlauf auto? Dann ist die navibar immer an der Spitze.

Wie hier: http://www.pmob.co.uk/ temp / Fest header.htm

Einige weitere Lösungen sind out-of-the-box re0inventing das Rad (natürlich, wenn Lizenz erlaubt) zu vermeiden

http://www.ndesign-studio.com/blog / mac / css-Dock-Menü

Sie können mit diesem Patch die jQuery-Schnittstellen Fisheye patchen. Dann Fisheye arbeitet mit position: fixed;

siehe: http://www.monkey-business.biz / 181 / jquery-Schnittstellen-Fisheye-Position fest Patch /

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top