0
我正在使用Bootstrap scrollspy.js v3.3.5
,我有一个小问题。bootstrap scrollspy跳过第一个元素
我在我的页面上有一个固定的页眉,它顶部需要100px,并且已经在我的元素列表的第一个元素上。还行吧。
所以,我把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中删除活动类并将其放在第二个。
我不明白为什么。