引导程序scrollspy跳过第一个元素

bootstrap scrollspy skipping first element

本文关键字：第一个 元素 scrollspy 引导程序      更新时间：2023-09-26

我正在使用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>

具有相对位置的主体#导航浮动固定在屏幕右侧。使用display:table, width:100%, position:relative在页面中观看的所有元素。

但是，当我加载页面时，scrollspy会从第一个#nav的li中删除活动类，并将其放在第二个。

我不明白为什么。

似乎第一个元素的高度小于视口高度，所以scrollspy调用第二个元素。

相关文章：