0

我看到了一些关于 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>
4

1 回答 1

0

我认为问题在于您将navbar内部放置在<head>我认为没有意义的内部，引导页面上的示例清楚地navbar放置了body标签内部，还请检查此示例。

于 2012-12-19T23:05:04.153 回答