Question

这就是我面临的问题。

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

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

以下是我使用的一小段代码。

<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

的所有数字

Answer 1

Twitter的bootstrap没有定义subnav类。它在Twitter的Bootstrap页面中提供，但要重用它，您必须包含来自CSS的一些代码。它专为此特定页面设计。 Subnav在滚动时固定位置，看看它是如何工作的，看看CSS和JS。

Answer 2

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

顺便提一下，我转到了bootstrap v2.1

bootstrap scrollspy不工作

2 个答案: