twitter-bootstrap – bootstrap scrollspy无法正常工作

发布时间：2020-12-17 20:41:25 所属栏目：安全来源：网络整理

导读：这就是我面临的问题. http://bittu.github.com/folderGrid/ 它首先突出显示最后一个选项卡,当滚动时,它在每个滚动步骤上仅在两个标签之间切换. 这是我使用的一小段代码. body data-spy="scroll" data-target=".subnav" data-offset="50"div class="subnav" u

这就是我面临的问题.

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>

包括所有必要的文件.并尝试了数据偏移的所有数字

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!