【发布时间】:2015-08-14 17:50:00
【问题描述】:
我正在使用 Bootstrap scrollspy.js v3.3.5,但我遇到了一个小问题。
我的页面上有一个固定的标题,顶部有 100 像素,它位于元素列表的第一个元素之上。没关系。
所以,我让 scrollspy 工作了。
<body data-spy="scroll" data-target="#nav">
$('body').scrollspy({ target: '#nav' });
<div id="nav">
<ul class="nav nav-tabs list-group" role="tablist">
<li role="presentation" class="active"><a href="#index-mod-1"><span>1</span></a></li>
<li role="presentation"><a href="#index-mod-2"><span>2</span></a></li>
<li role="presentation"><a href="#index-mod-3"><span>3</span></a></li>
<li role="presentation"><a href="#index-mod-4"><span>4</span></a></li>
<li role="presentation"><a href="#index-mod-5"><span>5</span></a></li>
<li role="presentation"><a href="#index-mod-6"><span>6</span></a></li>
</ul>
</div>
具有相对位置的主体。 #nav 浮动固定在屏幕右侧。页面中使用display:table, width:100%, position:relative观看的所有元素。
但是,当我加载页面时,scrollspy 会从第一个#nav 的 li 中删除活动类并将其放在第二个。
我不知道为什么。
【问题讨论】:
标签: javascript css twitter-bootstrap twitter-bootstrap-3 scrollspy