A documentação de bootstrap sobre esse tópico é um pouco confusa para mim. Desejo obter um comportamento semelhante ao dos documentos com a barra de navegação afixada: a barra de navegação está abaixo de um título de parágrafo / página e, ao rolar para baixo, deve primeiro rolar até chegar ao topo da página e, em seguida, ficar fixada para mais rolagens .
Como jsFiddle não funciona com o conceito de navbar, configurei uma página separada para uso como um exemplo mínimo: http://i08fs1.ira.uka.de/~s_drr/navbar.html
Eu uso isso como minha barra de navegação:
<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 -->
Eu acho que gostaria data-offset-top
de ter o valor 0 (uma vez que a barra deve "grudar" no topo ", mas com 50 há pelo menos algum efeito assistível.
Se também colocar o código javascript no lugar:
<script>
$(document).ready (function (){
$(".navbar").affix ();
});
</script>
Qualquer ajuda apreciada.
.navbar-fixed-top
vez de affix ()?
.navbar-fixed-top
colocaria a barra de navegação no topo o tempo todo . Eu quero um cabeçalho de página ACIMA da barra de navegação e, ao rolar para baixo (e, portanto, a barra de navegação apostaria rolando para longe), ele deve ficar no topo - então e somente então. Os documentos do Bootstrap usavam os mesmos mecanismos que um subnav em seus documentos anteriores, infelizmente eles o removeram para os documentos 2.1.0.
)};
deveria ser});