Ich habe eine Nav-Leiste, die beim Laden etwa 200 Pixel vom Anfang der Seite entfernt beginnt. Wenn ich nach unten scrolle, möchte ich, dass sich die Navigationsleiste ganz oben auf der Seite "anhängt" und sichtbar wird, während ich den Rest des Inhalts durchblättere. Ich bin in der Lage, die Nav-Leiste zu halten, obwohl 200px von oben, und ignoriert den Inhalt, den ich nach rechts gezogen habe und zieht alles nach links. ich muss sichergestellt werden, dass die navbar sichtbar bleibt und dass das Layout / Stil der ganze Weg gleich ist.
unten ist meine Datei, die zeigt, was ich mit
Probleme habe %Vor% Sobald das nav affix wird, folgt es nicht mehr den normalen CSS-Stilen der Navbar. Sie können dem äußeren DIV-Container eine ID geben und diese als Affix-Element festlegen. Verwenden Sie CSS, um sicherzustellen, dass es 100% Breite bleibt.
Verwandte:
Bootstrap kleben flackert nachdem Affix-bottom erreicht wurde und scrollt zurück nach oben
Hier ist die modifizierte jsfiddle, die das erreicht, was Sie wollen:
Update: Entschuldigung! klebte falsch! Realisiert, wenn ich die negative Stimme säe! Ich werde es wieder tun und in einem Moment aktualisieren
Update: hier ist ist:
Als zusätzliche Anmerkung können Sie den Affix im HTML-Code mit data-spy="affix" und data-offset-top="" deklarieren, also brauchen Sie kein zusätzliches Inline-Skript
Tags und Links twitter-bootstrap