文章/答案/技术大牛

发布

社区首页 >问答首页 >bootstrap scrollspy不工作

问bootstrap scrollspy不工作
EN

Stack Overflow用户

提问于 2012-07-17 19:42:20

回答 2查看 6K关注 0票数 5

这就是我面临的问题。

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-2

twitter-bootstrap

回答 2

Stack Overflow用户

发布于 2012-07-18 01:14:00

推特的bootstrap没有定义subnav类。它是在推特的Bootstrap页面上提供的，但要重用它，你必须包含他们的CSS中的一些代码。它是专门为这个特定页面设计的。Subnav在滚动时是固定位置的，要了解它是如何工作的，可以看看CSS和JS。

票数 0

Stack Overflow用户

发布于 2012-08-26 00:44:11

几个小时前我也遇到了这个问题。我使用它的方式和您一样(监视body并使用section作为目标)。最后，我发现我只是遗漏了文件开头的<!DOCTYPE html>，尽管我检查了您的演示站点，并且已经有了一个html5声明。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11521763

复制

相似问题

问bootstrap scrollspy不工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问bootstrap scrollspy不工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问bootstrap scrollspy不工作
EN