Twitter bootstrap kullanarak bir yapışkan navbar oluşturma?

Question

Artık görünmüyorsa, sabit başlık konumlandırmayı benimseyen bir navbar tanıtmaya çalışıyorum. Bu iş parçacığı kullanarak başladım: Replicating Bootstraps main nav and subnav.

O zamandan beri, şu adrese geldim: http://jsfiddle.net/yTqSc/2/.

sorun:

içi bağlantıları navbar onun orijinal konumunda olduğunda (oradaki hedef başlığı gizleme) onların hedefin, ancak sabittir kez değil. Aşırığı düzeltebilirim (http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/'a atıfta bulunuyorum), ancak navbar sabitlendiğinde bağlantıları kullanarak aşırı bir boşlukla bitiriyorum.

Navbarın sabit olup olmadığına bakılmaksızın tutarlı sonuçlar elde etmeyi öneren herhangi biri var mı?

Teşekkürler.

Answer 1

bu ürün nedir?

<div class="navbar navbar-fixed-top"> 

Answer 2

Herhangi bir CSS'niz navbar-sabit-üstü için yok. Ayrıca, yukarı kaydırdığınızda da işlem yapmanız gerekir.

Bkz demo http://jsfiddle.net/yTqSc/39/

JavaScript

$(document).scroll(function(){ 
var elem = $('.subnav'); 
if (!elem.attr('data-top')) { 
    if (elem.hasClass('navbar-fixed-top')) 
     return; 
    var offset = elem.offset() 
    elem.attr('data-top', offset.top); 
} 
if (elem.attr('data-top') <= $(this).scrollTop()) 
    elem.addClass('navbar-fixed-top'); 
else 
    elem.removeClass('navbar-fixed-top'); 
}); 

.subnav { 
    background:#FFF; 
} 
.navbar-fixed-top { 
    position:fixed; 
} 

Ya yapışkan unsurları ele Waypoint'ler jquery eklentisi kullanmak CSS

.

Answer 3

güzeldi, ama ben böyle yerine top altındaki yapışkan nav uygulamak için deli var: http://golkhaneh.tv3.ir/

bunu nasıl yapabilir?