bootstrap scrollspy跳過第一個元素

我正在使用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中刪除活動類並將其放在第二個。

我不明白爲什麼。

來源

2015-08-14 Augusto TMW

似乎第一個元素的高度小於視口高度，所以第二個元素的滾動調用。

來源

2015-08-14 18:04:03 cesare

bootstrap scrollspy跳過第一個元素

回答

相關問題