Ich benutze Foundation
von ZURB
und versuche, die Navigationsleiste an die Spitze zu bekommen.Wie mache ich die Navigationsleiste immer an der Spitze?
6
A
Antwort
8
Wenn Sie Grundlagen verwenden, können Sie verwenden:
<nav class="top-bar fixed"></nav>
7
Ich habe keine Ahnung, was diese zwei Dinge sind, aber das ist, wie Sie etwas an Ort und Stelle, unabhängig von Fensterscrollposition mit CSS beheben:
#navbar {
position: fixed;
top: 0px;
width: 100%;
}
Siehe hier: http://jsfiddle.net/qC2Dt/
1
den Stil verwenden:
position:fixed;
top:0px;
1
Sie können auch die Bootstrap-Klasse verwenden.
<nav class="navbar-fixed-top">
1
Hinzufügen zu Alex Wayne Antwort:
ich einen z-index mit einer ausreichend hohen Zahl für die navbar erscheinen immer auf andere Elemente es notwendig hinzuzufügen gefunden.
#navbar {
z-index: 10000;
position: fixed;
top: 0px;
width: 100%;
}
Verwandte Themen
- 1. Wie mache ich AdMob an der Spitze?
- 2. wie sicherstellen, dass JDialog immer an der Spitze bleibt
- 3. wie man Fenster mit swift immer an der Spitze hält?
- 4. Android Widget AppBarLayout kommt immer an der Spitze
- 5. machen Spiel-Fenster "immer an der Spitze" in XNA
- 6. Flex Scrollen der Leinwand an die Spitze
- 7. Wie verankerte rotierte TextBlock an die Spitze?
- 8. Padding an der Spitze der Kopfzeile
- 9. UITableView-Header, der an der Spitze bleibt
- 10. Android NestedScrollView Inhalt an der Spitze ausrichten
- 11. in wpf datagrid wie bekomme ich die leere Zeile an der Spitze?
- 12. Ausrichten Bild an die Spitze einer Tabellenzelle
- 13. Wie erstelle ich eine benutzerdefinierte Navigationsleiste wie die BestBuy App?
- 14. Drupal Vollkalender doppelte Pager an der Spitze
- 15. HTML Ausrichtung Tabellenzeilen an der Spitze
- 16. Horizontale UICollectionView mit Header an der Spitze
- 17. UITableViewCell Bild verankert an der Spitze
- 18. Sortierung bestimmte Werte an die Spitze
- 19. Wie erzwinge ich ein Element an die Spitze, wenn der Z-Index nicht funktioniert?
- 20. Die Steigung an der Spitze einer Aktivität loswerden (Android)
- 21. Element an der Spitze eines Arrays sortieren
- 22. FileStream Append Daten an der Spitze
- 23. Wie manipuliere ich die Navigationsleiste mit Routen?
- 24. Keep Interop Form an die Spitze der VB6-Anwendung
- 25. Platzieren eines Popups an der Spitze der Mauszeigerposition
- 26. Wie kann ich die Schaltfläche an der Spitze beheben und den Inhalt in sie einklappen
- 27. Wie behalte ich eine Navigationsleiste oben auf der Seite?
- 28. Wie eine Grenze an der Spitze des linearen Layout ziehen
- 29. Bootstrap: Wie ein Element an der Spitze zu beheben
- 30. Wie entferne ich die weiße Linie unter der Navigationsleiste
-1 gibt es einen einfacheren Weg für die Stiftung, Blick auf die Antwort von @ vinay – imwill
Ich entschuldige mich. Warum sollten Sie 3 Zeilen CSS verwenden, wenn Sie ein ganzes Framework verwenden könnten? ;) –
Ja, so wahr. ;-) – imwill