Bootstrap, aşağı kaydırdıktan sonra navbar yapışkanlı mı?

Başlık resminin altında bir navbarım var. Aşağı kaydırdığımda, navbarın web sayfasının üst kısmına yapışmasını istiyorum. Gerekli jQuery veya CSS'yi düşünemiyorum çünkü navbar başlık görüntüsünün hemen altında bir boşluk bırakıyor gibi görünüyor. Eğer navbar ekranının üst kısmındaki sabit kalmasını istiyorsanız başlık görüntü uzağa kaydırılan sonraBootstrap, aşağı kaydırdıktan sonra navbar yapışkanlı mı?

<div class="headerwrap pull-center"> 
<div class="container"> 
    <div id="header" class="row-fluid"> 
     <div class="span5" id="phones"> 
      <img class="phone" src="img/white.png" alt=""> 
     </div> 
     <div class="span7" id="mm-logo"> 
      <img class="mm-log" src="img/logo.png" alt=""> 
     </div> 
    </div> 
</div> 
</div> 


<div class="navbar navbar-inner" id="border-stuff"> 
    <div class="span12"> 

     <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</a> 

<!-- Everything you want hidden at 768px or less, place within here --> 
<div class="nav-collapse collapse" id="center-nav"> 
<ul class="nav" > 
    <li><a href="#h1"><h3>Heading1</h3></a></li><li class="divider-vertical"></li> 
    <li><a href="#h2"><h3>Heading2</h3></a></li><li  class="divider-vertical"></li> 
    <li><a href="#h3"><h3>Heading3</h3></a></li><li class="divider-vertical"> </li> 
    <li><a href="#h4"><h3>Heading4</h3></a></li><li class="divider-vertical"></li> 
    <li><a href="#h5"><h3>Heading4</h3></a></li> 
</ul> 
</div> 

</div> 
</div>

kaynak

2013-07-16 user2441391

Eğer bir jsfiddle olsaydı güzel olurdu .. –

sadece the bootstrap affix plugin kullanabilirsiniz.

$('#sidebar').affix({ 
    offset: { 
    top: 50 
    } 
});

Ve en iyi uyan için ne olursa olsun üst ayarlayın:

kaynak

2013-07-16 21:49:36

Çoğu öğreticiler bir yan navbar olarak kullanıldığını gösterdiği gibi, bir navbar çalışmak için eki eklentisi alamadım. Eklenti eklentisini kullanarak bir üst navbar yapmama yardım eder misin? – user2441391

Örnek olarak jsFiddle'a bu cevapta bir göz atın: http://stackoverflow.com/questions/12070970/how-to-use-the-new-affix-plugin-in-twitters-bootstrap-2-1-0/ 13151016 # 13151016 –

Sadece bu şekilde jQuery kodunu değiştirmek gerekir.

kaynak

2014-02-26 18:16:54 Henrique

Bootstrap, aşağı kaydırdıktan sonra navbar yapışkanlı mı?

cevap

İlgili konular