使用 twitter 引导滚动间谍答案

【问题标题】：Using the twitter bootstrap scroll spy使用 twitter 引导滚动间谍
【发布时间】：2013-07-28 10:10:50
【问题描述】：

我一直在尝试让滚动间谍在我的引导站点上工作，但我无法让它工作。我遇到的问题是，无论我滚动到哪里，滚动都没有效果。你可以看到我在做什么here。

我已经完成了所有需要的步骤，即下面是正文标签

  <body data-spy="scroll" data-target="#top-fixed-nav">

导航也在那里：

            <ul class="nav" id="top-fixed-nav">
              <li>
                <a href="#home">Home</a>
              </li>
              <li class="">
                <a href="#about">About</a>
              </li>
              <li class="">
                <a href="#howto">How to Use?</a>
              </li>
              <li class="">
                <a href="#contact">Contact</a>
              </li>
            </ul>

也调用了scrollspy。

$('#top-fixed-nav').scrollspy();

任何人都可以看看，请指出我在这里忽略或做错了什么。

【问题讨论】：

试试$('body').scrollspy();

标签： javascript jquery twitter-bootstrap scroll scrollspy

【解决方案1】：

Docs说：

要轻松地将滚动间谍行为添加到您的顶栏导航，添加 data-spy="scroll" 要监视的元素（最常见的是这将是<body>)。然后添加data-target 属性与任何 Bootstrap .nav 组件的父元素的 ID 或类。

您发布的代码不起作用，因为您在监视 #top-fixed-nav（滚动事件）。

【讨论】：

【解决方案2】：

试试这个：jsfiddle

如果Scrollspy高亮最后一个元素，你可以添加

身高：100%

到html和body标签

【讨论】：