Archived

This topic is now archived and is closed to further replies.

  • 0

Scrollspy not working perfectly


Question

5 answers to this question

Posted · Report post

There is no issue here, you're using Scroll Spy with Boxes. Scroll spy was designed to target content on a page/post and not for section use.

Share this post


Link to post
Share on other sites

Posted · Report post

Each piece of content you're targetting with Scrollspy needs to be a minimum height of 500 pixels or more (in other words, each area needs to be a large enough height in order for the correct highlighting of links).

The last targeted content area is a pain, because it applies the active state when the title that holds the scroll-header is at 50% the height of the screen. So if you have h2 class="scroll-header" it wont apply the active state class to the link, until that title is in the middle of the screen.

Share this post


Link to post
Share on other sites

Posted · Report post

Each of the 3 scrollspy sections is over 500px tall. I'm not following what the issue is or how to fix it. Maybe a screenshot with annotations would help me.

Share this post


Link to post
Share on other sites

Posted · Report post

You are correct. No sections are used on the Tools page.

1 person likes this

Share this post


Link to post
Share on other sites