Question

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

另外，我还想为这些相同的链接添加基本的滚动功能。引导程序是否具有滚动功能？我没有看到一个列出。最好的方法是什么？

该网站位于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>

Answer 1

我认为问题在于您将navbar置于<head>内我认为没有意义，bootstrap page上的示例清楚地放置navbar在body标记内，也请检查此example。

Bootstrap Navbar - Spyscroll不工作和其他问题

1 个答案: