導航欄未開關固定在我滾動通過它

Question

僅供參考這裏是url http://buildme.co/

目前我有我的主導航欄不切換到固定的一個問題，因爲您可以通過它滾動。這是傾斜圖像下的導航欄。

下面的JavaScript代碼是應該使它做到這一點

// Change To Fixed Header 
$(document).ready(function(){ 
    $(window).bind('scroll', function() { 
     var navHeight = $(window).height() - 100; 
     if ($(window).scrollTop() > navHeight) { 
      $('.main-navbar').addClass('navbar-fixed-top'); 
     } 
     else { 
      $('.main-navbar').removeClass('navbar-fixed-top'); 
     } 
    }); 
}); 

然而，這並非如此，沒有任何反應。

這是我想要實現的一個例子。 http://stanislav.it/tutorials/sticky-navigation/

Answer 1

看起來你可能需要將滾動事件的「體」結合你的情況（當我檢查自己的網站上，但身體是窗口滾動事件不觸發）

編輯：哦，等等，我想我看到...這是你加入到HTML，身上溢出的造型：

html, body { 
    overflow-x: hidden; 
    height: 100%; 
} 

如果我擺脫溢出-X的：隱藏你的代碼爲我工作。我知道我以前遇到過這樣的事實：不允許一個軸允許溢出而另一個不允許溢出（因此，如果您設置overflow-x：隱藏它可能會在y滾動時做一些有趣的事情）