jQuery Bootstrap ScrollSpy doesn't work

Question

I'm trying the ScrollSpy Bootstrap plugin, but it's not working properly. See the code below, it always highlight the last item.

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>

Can you help me?

Syed Aslam · Accepted Answer · 2012-10-11 15:47:28Z

1

Set the data-spy="scroll" on the body tag and it should work. Please check the updated jsFiddle.

answered Oct 11, 2012 at 15:47

Syed Aslam

8,8175 gold badges45 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Acuña · Accepted Answer · 2013-02-27 19:33:09Z

0

Set data-target="#navbar" next to yourdata-spy="scroll" tag to see if that works.

answered Feb 27, 2013 at 19:33

Acuña

2852 silver badges8 bronze badges

Collectives™ on Stack Overflow

jQuery Bootstrap ScrollSpy doesn't work

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related