Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

David Shulkin
seal-mask
.a{fill-rule:evenodd;}techdegree
David Shulkin
Front End Web Development Techdegree Student 10,254 Points

SpyScroll Working Incorrectly

Currently, when I am on the home page section, the "About" link is highlighted and it has the active class turned on.

The "Home" link never lights up.

I have been going over my HTML for more than an hour and I'm not sure what's wrong with it.

I'm also using v5 which is not much different than v4. Just thought it would be best to use the most updated version for outside class purposes.

Can someone please take a look and see what is going on here?

https://drive.google.com/drive/folders/1rTIaoAYkegCjM2mdIrGTOncRIf9vGVT6?usp=sharing

https://getbootstrap.com/docs/5.2/components/scrollspy/

1 Answer

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hey David Shulkin 👋

It looks like you currently added the id="home" to the body of your page. Since the body tag is the scrollable container itself, it's not being recognized as a visible element

To fix this I'd suggest to move the id of home to be on your jumbotron container, this way it'll be nested inside your scrollable container and things should start working as expected.

Hope this helps! 🙂