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无法正常工作和其他问题

回答

相关问题