bootstrap scrollspy不工作

问题描述 投票:5回答:2

这就是我面临的问题。

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的所有数字

twitter-bootstrap twitter-bootstrap-2
2个回答
0
投票

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


0
投票

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

顺便说一句,我切换到bootstrap v2.1

© www.soinside.com 2019 - 2024. All rights reserved.