Bootstrap Scrollspy活動選擇器

Question

我有一個簡單的引導3滾動問題，當我向上/向下滾動頁面時'active'li標籤沒有被激活。所有關於Scrollspy的其他內容都按預期工作。

我已經看到所有其他堆棧溢出問題，並在jsfiddle實驗約兩個小時沒有進展。

使用開發工具和設置和李：主動手動顯示所需的效果。

HTML

<header> 
    <nav class="navbar navbar-default navbar-fixed-top" id="spy-navbar"> 
     <div class="container text-center"> 
     <ul class="nav navbar-nav inline"> 
      <li> <a href="#one" class="smooth-scroll">ONE</a> </li> 
      <li> <a href="#two" class="smooth-scroll">TWO</a> </li> 
      <li> <a href="#three" class="smooth-scroll">THREE</a> </li> 
      <li> <a href="#four" class="smooth-scroll">FOUR</a> </li> 
     </ul> 
     </div> 
    </nav> 
    </header> 

    <main class="container"> 
    <article id="one">one</article> 
    <article id="two">two</article> 
    <article id="three">three</article> 
    <article id="four">four</article> 
    </main> 

</body> 

CSS

li > a:hover, 
li:active { 
    border-bottom: 2px solid #2d9fff; 
} 

我的jsfiddle鏈路所處的位置： https://jsfiddle.net/hswg5j3q/

任何人都可以檢查出我的jsfiddle，看到我錯過了什麼？提前謝謝了。

Answer 1

這是因爲你的小提琴不包括bootstrap.js。 JS是ScrollSpy組件所必需的。

在Bootply上工作： http://bootply.com/wJHL1Vqpdi