2013-02-20 5 views
11

Meine Websitenavigation muss zur rechten Seite des Containers verschoben werden, aber in einer festen Position sein, so dass die Navigation immer dann, wenn die Seite scrollt, auf der rechten 350px von oben ist. Das funktionierte, bis ich position:fixed bewarb, nachdem das getan hat, ist die Navigation auf der rechten Seite fest. Irgendwelche Ideen, wie ich das Beste aus beiden Welten (rechte Seite und feste Position) haben kann?Floating Nav nach rechts mit einer festen Position?

http://jsfiddle.net/eeCgr/

+0

[Eine gute Lösung] (http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /) und sehr einfach. Benutze es mit 'position: absolute'. – Vucko

+0

Es scheint Vucko Link funktioniert nicht mehr, und das Projekt ist nach https://github.com/p-m-p/jQuery-Stickybox verschoben – Teepeemm

Antwort

38

Die Nutzung von position: fixed erfordert die oben/rechts/unten/links CSS Anpassung an Ihr nav-Element an die gewünschte Stelle zu bekommen.

Zum Beispiel:

nav { 
    right: 0; 
    top: 50%; 
} 

oder

nav { 
    right: 0; 
    top: 0; 
} 
-1

Methode X:

Gerade schaffen die erforderliche Teilung innerhalb einer anderen Abteilung.

Geben Sie Position: behoben; Breite: 100%; Eigenschaften zum äußeren div.

geben float: rechts; Eigentum nach innen div.

Da die Float- und Position-Eigenschaften in zwei verschiedene Bereiche unterteilt sind, würde dies wirksam werden. Stellen Sie sicher, dass alle anderen Eigenschaften der beiden Abteilungen identisch sind.

(die äußere div zu verbergen, dessen Alpha-Wert ändern (a) der Farbe auf 0,00 mit HSLA-Code)

Verwandte Themen