jQuery Bootstrap ScrollSpy no funciona

Question

Estoy probando el complemento ScrollSpy Bootstrap, pero no funciona correctamente. Vea el código a continuación, siempre resalta el último elemento.

http://jsfiddle.net/bRYMC/

<nav id="navbar"> 
    <ul class="nav"> 
    <li><a href="#page1">Page 1</a></li> 
    <li><a href="#page2">Page 2</a></li> 
    <li><a href="#page3">Page 3</a></li> 
    <li><a href="#page4">Page 4</a></li> 
    <li><a href="#page5">Page 5</a></li> 
    </ul> 
</nav> 

<div data-spy="scroll"> 
    <section id="page1" class="page"> 
    <h1>Page 1</h1> 
    </section> 

    <section id="page2" class="page"> 
    <h1>Page 2</h1> 
    </section> 

    <section id="page3" class="page"> 
    <h1>Page 3</h1> 
    </section> 

    <section id="page4" class="page"> 
    <h1>Page 4</h1> 
    </section> 

    <section id="page5" class="page"> 
    <h1>Page 5</h1> 
    </section> 
</div> 

¿Me puede ayudar?

Answer 1

Establezca el data-spy="scroll" en la etiqueta del cuerpo y debería funcionar. Por favor, consulte la actualización jsFiddle.

Answer 2

Conjunto data-target="#navbar" junto a su etiqueta data-spy="scroll" para ver si eso funciona.