Wie man die Navigationsleiste nicht bewegen, wenn das Fenster nach unten gescrollt CSS?

Auf meiner website, ich habe das hintergrund Bild zu bleiben, immer zentriert ist und die navigation bleiben immer auf der gleichen Stelle waagrecht, so ist es egal, die HORIZONTALE Größe, es ist immer an der gleichen Stelle, ich hab das durch mit:

#nav {
    list-style: none;
    position:fixed;
    right:50%;
    margin-right:155px;
    margin-top:220px;
 }

Mein Problem ist mit dem VERTIKALEN Teil. Wenn das Fenster ist klein vertikal und es wird nach unten gescrollt, das Menü bewegt sich mit der Seite, ich möchte das nicht. Ich wollte es bleiben, bis es mit dem logo, aber mit einem Prozentsatz für "top" scheint nicht zu funktionieren.
Ich bin nicht sehr vertraut mit javascript, so dass, wenn es sein könnte Mach mit CSS, wäre es einfacher für mich zu verstehen!!!

HEEELP!

hier ist mein Beispiel!

jsfiddle.net

Sehen Sie, wenn das ist, was Sie wollen: ändern Sie das Feld right im #nav zu auto.
richtige position in Ordnung ist, was ich ändern wollte ist die OBERE/UNTERE position. ich dont wollen, dass es scrollt mit der Seite!
Ich sehe nichts in Beispiel , Ist, dass ich mein problem? ... ja, ich glaube, Sie brauchen für die Verwendung von 'position:relative;' Nächstes platzieren Sie Ihre div von oben und rechts/Links Parameter ... Etwas anderes, ich sah ein wenig Jquery, macht hover-style, Es ist besser #nav:hover.
EINE ANTWORT GEFUNDEN! stackoverflow.com/questions/8590904/...

InformationsquelleAutor rafacardosoc | 2013-07-24

  1. 0

    Ändern Sie Ihre nav-Klasse:

    #nav {
    list-style: none;
    position:absolute;
    right:50%;
    margin-right:155px;
    margin-top:220px;
}

    InformationsquelleAutor fenix

  2. 0

    Nicht sicher, ob ich Sie richtig verstanden habe, aber ist es das, was Sie suchen:

    #nav {
    list-style: none;
    position:fixed;
    left: 0;
    top:220px;
}

    Und Ihre fiddle: http://jsfiddle.net/wQdVv/16/

    Tun, beachten Sie, dass position:fixed auf mobile ist eine schlechte Idee, da der support nicht gut und produzieren seltsam/unerwünschte Ergebnisse. Verwenden static auf mobile statt (mit einer media query)

    InformationsquelleAutor Pevara

  3. 0

    Das problem ist das

    position: fixed;

    in der CSS.

    fixed bedeutet Aufenthalt in diesem Teil des Bildschirms, auch beim scrollen. Ändern Sie es zu:

    position: absolute;

    und die navbar wird bleiben, wo Sie Sie positionieren und nicht bewegen, auch beim scrollen.

    Lesen Sie mehr über Positionierung bei W3 Schools

    InformationsquelleAutor Ori Marash

Schreibe einen Kommentar