Twitter bootstrap 引导导航栏-Spyscroll不工作和其他问题_Twitter Bootstrap_Scroll_Nav

Twitter bootstrap 引导导航栏-Spyscroll不工作和其他问题

twitter-bootstrap scroll

Twitter bootstrap 引导导航栏-Spyscroll不工作和其他问题,twitter-bootstrap,scroll,nav,Twitter Bootstrap,Scroll,Nav,我看到了一些关于spyscroll问题的其他问题，但它们并不完全适用于我的情况。我正在尝试将一个简单的spyscroll函数应用到我的站点主页，并将其应用到导航栏，但它似乎不起作用此外，我还想在这些链接中添加一个基本的滚动功能。Bootstrap有滚动功能吗？我没有看到一个被列出。最好的方法是什么该网站位于debbierking.com/bootstrap 请注意，我对Bootstrap还不熟悉，我对jquery的了解也很少相关标记： <body data-spy="scroll"

我看到了一些关于spyscroll问题的其他问题，但它们并不完全适用于我的情况。我正在尝试将一个简单的spyscroll函数应用到我的站点主页，并将其应用到导航栏，但它似乎不起作用

此外，我还想在这些链接中添加一个基本的滚动功能。Bootstrap有滚动功能吗？我没有看到一个被列出。最好的方法是什么

该网站位于debbierking.com/bootstrap

请注意，我对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>






$（文档）.ready（函数（）{
$（'.navbar'）.scrollspy（）
});

我认为问题在于，您将

导航栏

放在

内，我认为这没有意义，bootstrap上的示例清楚地将

导航栏

放在

主体

标记内，也请检查此项。

实际上不是……这是我在这里写的错误……导航栏实际上位于页面正文的页眉标记内。我很抱歉…我刚刚更正了这个问题。我能够使它在我的机器上工作，只是确保在包含引导之前包含jquery。此外，您可能更愿意将

data spy=“scroll”data target=“.navbar”

放在包含将要滚动的段落的

div中，就像引导示例一样。请更新您的代码以向我们显示您滚动段落的位置。好的，为了让这更容易，我在这里设置了相关代码：（这是基于Flabby Rabbit的原始代码，工作正常（请参见上面的评论）。我正在尝试同时包含spyscroll和scrollTo，但由于某些原因无法使其正常工作。希望这有帮助…您将在那里看到我的滚动分区。谢谢！顺便问一下，我应该加载一个名为bootstrap-scrollspy.js的单独文件，还是包含在v.2.2.2附带的bootstrap.js文件中？您没有bootstrap.css
添加到小提琴中的css中，如果您已经包含了bootstrap.js
，则不需要包含bootstrap scrollspy.js
。我已经为您的示例创建了一个可用的小提琴，请在这里检查：我现在正试图根据Flabbyrabit的这个JSFIDLE代码来设置它，但仍然存在问题：