Clever Geek Handbook

Bootstrap Scrollspy not adding Active to my LI

I have a problem with Scrollspy. I can get links to point to the correct section, but it does not apply the active class to the current "selected" li element. You can see this issue on my beta site at: http://beta.joshuabock.com/resume.html . I have looked for a solution but no luck so far. Any suggestions on how to fix this issue?

The basic structure of the code looks like this:

<aside>
   <nav id="nav-list>
     <ul class="nav nav-list">
        <li>Menu Items</li>
     </ul>
   </nav>
</aside>
<article data-spy="scroll" data-target="#nav-list" data-offset="0">
   <section>Main Content</section>

</article>
+3


source to share


2 answers


It seems you haven't added the required properties of the body tag as per the docs:

http://twitter.github.com/bootstrap/javascript.html#scrollspy



<body data-spy="scroll" data-target=".navbar">

Where .nav-bar will be what I think will be your navigator.

+2


source


I was able to resolve the issue after taking a break from coding. I had to move the data tracker as Billy said, but also I created a new ID for my navigator. Plus I updated my Bootstrap and JQuery version.



+1


source






More articles:


All Articles