La documentazione bootstrap su questo argomento è un po 'confusa per me. Voglio ottenere un comportamento simile come nei documenti con l'apposizione barra di navigazione: la barra di navigazione si trova sotto un'intestazione di paragrafo / pagina e, scorrendo verso il basso, dovrebbe prima scorrere fino a raggiungere la parte superiore della pagina, quindi rimanere fissata lì fissa per ulteriori scorrimenti .
Poiché jsFiddle non funziona con il concetto di barra di navigazione, ho impostato una pagina separata da utilizzare come esempio minimo: http://i08fs1.ira.uka.de/~s_drr/navbar.html
Lo uso come barra di navigazione:
<div class="navbar affix-top" data-spy="affix" data-offset-top="50">
<div class="navbar-inner">
<div class="container">
<div class="span12">
<a class="brand" href="#">My Brand</a>
This is my navbar.
</div>
</div> <!-- container -->
</div> <!-- navbar-inner -->
</div> <!-- navbar -->
Penso che vorrei data-offset-top
essere di valore 0 (poiché la barra dovrebbe "restare" in alto "ma con 50 c'è almeno qualche effetto guardabile.
Se inserisci anche il codice javascript:
<script>
$(document).ready (function (){
$(".navbar").affix ();
});
</script>
Qualsiasi aiuto apprezzato.
.navbar-fixed-top
invece di usare affix ()?
.navbar-fixed-top
avrebbe posto la barra di navigazione verso l'alto per tutto il tempo . Voglio un'intestazione di pagina SOPRA la barra di navigazione, e quando scorri verso il basso (e quindi la barra di navigazione scommetterebbe scorrendo via) dovrebbe rimanere in alto, allora e solo allora. I documenti di Bootstrap hanno utilizzato gli stessi meccanismi di una sottonav nei loro documenti precedenti, purtroppo l'hanno rimosso per i documenti 2.1.0.
)};
dovrebbe essere});