2013-02-20 1 views
11

La navigazione del mio sito deve essere flottata sul lato destro del contenitore, ma essere in una posizione fissa in modo che ogni volta che la pagina scorre, la navigazione è ancora a 350px a destra dall'alto. Questo ha funzionato fino a quando non ho applicato position:fixed, dopo aver fatto che la navigazione è bloccata sulla destra. Qualche idea su come posso avere il meglio di entrambi i mondi (lato destro e posizione fissa)?flottante nav verso destra con una posizione fissa?

http://jsfiddle.net/eeCgr/

+0

[Una buona soluzione] (http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /) e molto semplice. Usalo con 'position: absolute'. – Vucko

+0

Sembra che il link di Vucko non funzioni più e il progetto sia stato spostato su https://github.com/p-m-p/jQuery-Stickybox – Teepeemm

risposta

38

L'utilizzo della posizione: fissa richiede la regolazione della parte superiore/destra/basso/sinistra CSS per ottenere il vostro nav elemento nella posizione desiderata.

Ad esempio:

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

o

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

Metodo X:

Basta creare divisione richiesto entro un'altra divisione.

Give postion: fixed; width: 100%; proprietà al div esterno.

dare il galleggiante: a destra; proprietà al div interno

Dato che le proprietà float e position sono state assegnate a due divisioni differenti, esso avrebbe effetto. Assicurati che tutte le altre proprietà delle due divisioni siano identiche.

(per nascondere div esterno, modificarne il valore alfa (a) del colore di 0,00 con il codice HSLA)