2013-02-20 24 views
11

Moja nawigacja po witrynie musi być przeniesiona na prawą stronę kontenera, ale powinna znajdować się w ustalonej pozycji, tak aby za każdym razem, gdy strona przewija się, nawigacja nadal znajduje się po prawej stronie, 350 pikseli od góry. To działało, dopóki nie zastosowałem position:fixed, po tym jak nawigacja utknęła po prawej stronie. Jakieś pomysły, jak mogę mieć to, co najlepsze z obu światów (z prawej strony i z ustalonej pozycji)?Nawigacja po prawej stronie ze stałą pozycją?

http://jsfiddle.net/eeCgr/

+0

[Dobrym rozwiązaniem] (http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /) i bardzo proste. Użyj go z 'position: absolute'. – Vucko

+0

Wygląda na to, że link Vucko już nie działa, a projekt został przeniesiony do https://github.com/p-m-p/jQuery-Stickybox – Teepeemm

Odpowiedz

38

Wykorzystanie position: fixed wymaga Regulacja góra/dół/prawo/lewo CSS aby uzyskać NAV element do żądanej lokalizacji.

Na przykład:

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

lub

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

Metoda X:

Wystarczy utworzyć wymagany podział w innej lidze.

Daj stanowisko: ustalone; szerokość: 100%; właściwości do zewnętrznego div.

dać float: prawy; właściwość do wnętrza div.

Ponieważ właściwości zmiennoprzecinkowe i położenia zostały przypisane do dwóch różnych działów, zaczęłaby obowiązywać. Upewnij się, że wszystkie pozostałe właściwości obu podziałów są identyczne.

(ukryć zewnętrzną Div zmienić wartość alfa (a) w kolorze 0,00 kodem niskostopowych)

Powiązane problemy