Bootstrap Navbar - Spyscroll無法正常工作和其他問題

我看到了一些關於spyscroll問題的其他問題，但它們並不適用於我的情況。我想一個簡單的spyscroll功能應用到我的網站的主要頁面，並把它應用到導航欄，但似乎並不奏效。Bootstrap Navbar - Spyscroll無法正常工作和其他問題

此外，我還想添加一個基本的滾動功能，以這些相同的鏈接..做Bootstrap有一個滾動功能？我沒有看到一個列出。什麼是最好的方法來做到這一點？

該網站位於debbierking.com/bootstrap。

請注意，我是新來引導和我的jQuery知識最少...

相關標記：

<body data-spy="scroll" data-target=".navbar"> 

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

     <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> 
     <div class="nav-collapse">  
      <ul class="nav pull-right"> 
      <li class="active"><a href="#work">Work</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div><!-- /.nav-collapse --> 

     </div><!-- /.container --> 
    </div><!-- /.navbar-inner --> 
    </div><!-- /.navbar --> 


    <script src="js/bootstrap.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('.navbar').scrollspy() 
    }); 
    </script> 
</body>

來源

2012-12-19 designlady

我試圖根據這個來自FlabbyRabbit的jsfiddle代碼來設置它，但我仍然遇到問題：http://jsfiddle.net/flabbyrabbit/69z7x/ – designlady

我認爲問題是，你把你的<head>內navbar這我認爲沒有任何意義，引導page上的示例明確將navbar放置在body標記內，也請檢查此example。

來源

2012-12-19 23:05:04 Khaled

其實這不是......那是我的寫作錯誤這在這裏...導航欄實際上是在頁面的* body *標題標籤內。我的道歉......剛剛在這裏糾正了這一點。 – designlady

我能夠讓我的機器上工作，只要確保你的jquery包括你包括引導之前。你也可能更願意把'數據諜=「滾動」數據目標=「導航欄」'的'div'包含您的段落將被滾動，就像舉的例子。請更新你的代碼告訴我們在哪兒滾動的段落。 – Khaled

好吧，爲了使這更容易，我在這裏設置相關的代碼：http://jsfiddle.net/DesignLady94/N6UPj/10/（這是基於Flabby Rabbit的原始代碼，它工作正常（見上面的評論）。我試圖包括spyscroll和scrollTo，但由於某種原因不能得到它的工作。希望這可以幫助...，你會看到我的滾動分裂在那裏。謝謝！ – designlady

Bootstrap Navbar - Spyscroll無法正常工作和其他問題

回答

相關問題