Sto usando Foundation
di ZURB
e sto provando a portare la barra di navigazione verso l'alto.Come faccio a rendere la barra di navigazione sempre in alto?
6
A
risposta
8
Se stai usando le fondazioni, è possibile utilizzare:
<nav class="top-bar fixed"></nav>
7
Non ho idea di che cosa queste 2 cose sono, ma questo è il modo per risolvere qualcosa in luogo indipendentemente dalla posizione di scorrimento della finestra con i CSS:
#navbar {
position: fixed;
top: 0px;
width: 100%;
}
vedere qui: http://jsfiddle.net/qC2Dt/
1
utilizzare lo stile:
position:fixed;
top:0px;
1
È inoltre possibile utilizzare la classe progettata da bootstrap.
<nav class="navbar-fixed-top">
1
aggiunta alla risposta di Alex Wayne:
ho ritenuto necessario aggiungere un z-index con un numero abbastanza alto per la barra di navigazione di apparire sempre in primo piano di altri elementi.
#navbar {
z-index: 10000;
position: fixed;
top: 0px;
width: 100%;
}
Problemi correlati
- 1. PhoneGap - Come faccio a rendere la barra di stato nera?
- 2. Come rendere barra di navigazione come Instagram
- 3. Come rendere la barra di scorrimento verticale Textarea sempre attiva?
- 4. Come faccio a spostare dove mi porta la barra di navigazione fissa?
- 5. Come rendere barra di navigazione trasparenti in iOS 10
- 6. Come faccio a rendere una barra finale opzionale con webapp2?
- 7. Nessuna barra di navigazione in alto in un'applicazione controller barra delle linguette
- 8. Come rendere un DIV sempre mobile sullo schermo nell'angolo in alto a destra?
- 9. Come faccio a rendere la finestra della compilation in Emacs sempre di una certa dimensione?
- 10. Come faccio a rendere l'intera area di una voce di elenco nella mia barra di navigazione, selezionabile come collegamento?
- 11. Come faccio a rendere la barra del titolo di Visual Studio 2012 cambiare colore alla selezione?
- 12. Come faccio a rendere wget silenzioso?
- 13. Come modificare la dimensione della barra di navigazione di ionic?
- 14. Barra di navigazione trasparente bootstrap
- 15. Barra di navigazione lista larghezza di navigazione - contenuto a capo
- 16. Come fornire la navigazione in alto con il pulsante home della barra degli strumenti sulla barra degli strumenti v7
- 17. Come aggiungere la freccia in alto a destra nel menu a discesa barra di avvio bootstrap
- 18. Come faccio a rendere DrawerLayout per visualizzare sotto la barra degli strumenti?
- 19. iOS8: Come faccio a rendere statusBar opaco dopo la navigazioneBar è nascosto usando hidesBarsOnSwipe?
- 20. barra di ricerca sempre nascosto dalla barra di navigazione quando si attiva
- 21. Altezza della barra di navigazione a livello di programmazione
- 22. come faccio a mantenere una barra di navigazione nella parte superiore della pagina?
- 23. Come rendere SearchView sempre espanso in Android?
- 24. Come mostrare la casa predefinita come indicatore in alto usando la barra delle azioni di supporto?
- 25. Impossibile modificare il colore del testo con la barra di navigazione di Android Barra di navigazione a discesa
- 26. Seguito modale, la barra di navigazione scompare
- 27. Come sovrapporre la vista sulla barra del controller di navigazione?
- 28. Come faccio a rendere HttpURLConnection un proxy?
- 29. Android: come rendere la tastiera sempre visibile?
- 30. come rendere sempre visibile la barra di scorrimento di gridview android 4.0.3
-1 c'è un modo più semplice per Fondazione, guarda la risposta di @ vinay – imwill
Le mie scuse. Perché usare 3 linee di CSS quando potresti usare un intero framework! ;) –
Sì, così vero. ;-) – imwill