引导滚动间谍不起作用答案

【问题标题】：bootstrap scrollspy not working引导滚动间谍不起作用
【发布时间】：2012-07-17 11:42:19
【问题描述】：

这是我面临的问题。

http://bittu.github.com/folderGrid/

它首先突出显示最后一个标签，滚动时它在每一步滚动时仅在两个标签之间切换。

这是我使用的小sn-p代码。

<body data-spy="scroll" data-target=".subnav" data-offset="50">

<div class="subnav">
    <ul class="nav nav-pills">
        <li><a href="#contents">Contents</a></li>
        <li><a href="#config">Config Options</a></li>
        <li><a href="#usage">Usage</a></li>
        <li><a href="#examples">Examples</a></li>
    </ul>
</div>

<div class="row">
    <div class="span12">
        <section id="contents">
            ....
        </section>
        <section id="config">
            ....
        </section>
        <section id="usage">
            ....
        </section>
        <section id="examples">
            ....
       </section>
    </div>
</div>

包括所有必要的文件。并尝试了data-offset的所有号码

【问题讨论】：

解决了吗？ sn-p 似乎正在工作。哪个答案解决了您的问题？

标签： twitter-bootstrap twitter-bootstrap-2

【解决方案1】：

Twitter 的引导程序没有定义 subnav 类。它在 Twitter 的 Bootstrap 页面中提供，但要重用它，您必须包含来自他们的 CSS 的一些代码。它是专门为这个特定页面设计的。子导航在滚动时固定位置，要了解它是如何工作的，请查看 CSS 和 JS。

【讨论】：

我已经包含了他们的 CSS 以及用于将导航栏定位到顶部的 JS...好吧，请检查我在问题中的链接...这是我的问题的一个实时工作示例...

【解决方案2】：

几个小时前我也遇到了这个问题。我以与您相同的方式使用它（在body 进行间谍活动并使用section 作为目标）。最后，我发现我只是错过了文件开头的<!DOCTYPE html>，虽然我检查了你的演示站点并且已经有一个html5声明。

顺便说一下，我切换到 bootstrap v2.1

【讨论】：