6
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?
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%;
}
-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