【问题标题】:bootstrap scrollspy skipping first elementbootstrap scrollspy 跳过第一个元素
【发布时间】: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


    【解决方案1】:

    似乎第一个元素的高度小于视口高度,因此 scrollspy 调用了第二个元素。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多