2014-10-31 19 views
0

我試圖在我的導航欄上使用Bootstrap詞綴來固定頂部,一旦滾動到達它。控制檯有「無法讀取屬性」頂部的「未定義的錯誤」

HTML:

<div id="nav-wrapper"> 
    <div class="container"><!--container--> 
     <div class="row" id="navigation"><!--header--> 
      <div class="col-md-12"><!--col-md-12--> 
       <div class="navbar" id="nav"><!--nav--> 
        <div class="menu-main-menu-container"> 
         <ul id="menu-main-menu" class="menu"> 
          <li><a href="http://endurancefilmsti.com/">Home</a></li> 
          <li><a href="http://endurancefilmsti.com/about-efti/">About EFTI</a></li> 
          <li><a href="http://endurancefilmsti.com/our-coaches/">Our Coaches</a></li> 
          <li><a href="http://endurancefilmsti.com/blog/">Blog</a></li> 
          <li><a href="http://endurancefilmsti.com/efti-forum/">EFTI Forum</a></li> 
          <li><a href="http://endurancefilmsti.com/contact-us/">Contact Us</a></li> 
         </ul>    
        </div>  
       </div><!--nav--> 
      </div><!--col-md-12--> 
      <div class="clearfix"></div> 
     </div><!--header--> 
    </div><!--container--> 
</div> 

This is what my console looks like

JS:

$(function() { 
    $('#nav-wrapper').height($("#nav").height()); 

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

我已經爲我的CSS資產淨值的位置,所要求的引導文件。

#nav.affix { 
    position: fixed; 
    top: 0; 
    width: 100%; 
} 

#nav > .navbar-inner { 
    border-left: 0; 
    border-right: 0; 
    border-radius: 0; 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -o-border-radius: 0; 
} 
+2

這意味着對'.offset()'的調用返回'undefined'。這反過來又意味着沒有找到id爲「導航」的元素。 – Pointy 2014-10-31 13:09:40

+0

我將選擇器中的ID更改爲#nav,並且它仍然出現相同的錯誤。我的CSS樣式中肯定有#nav。 – Dimoff 2014-10-31 13:15:50

+1

它是否在你的CSS中並不重要 - 重要的是在你的HTML中是否有一個帶有該id的元素。 (但是,我發現它顯然存在於您發佈的HTML中。)JavaScript代碼是否可能在創建頁面的那一部分之前運行? – Pointy 2014-10-31 13:17:16

回答

0

Twitter的引導有一類.navbar-fixed-top你可以應用到你的分度類.navbar

我會想象會爲你做的伎倆。

+0

.navbar-fixed-top將始終將其固定在頂部。我想要的是類似於這個http://jsfiddle.net/namuol/Uaa3U/。我希望它在一直到達它的頂部修復,而不是默認。 – Dimoff 2014-10-31 13:34:25

相關問題