Jump to content


Photo
- - - - -

Scrollspy not working perfectly

scrollspy

  • Please log in to reply
5 replies to this topic

#1 CliffordP

CliffordP

    Advocate

  • Members


  • 460 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 05 October 2012 - 04:42 PM

Screenshot of initial page load (i.e. didn't click anything yet):

Please Login or Register to see this Hidden Content


Live site:

Please Login or Register to see this Hidden Content



Please explain why this is happening or please fix PageLines, whatever's needed.

Thank you very much.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 October 2012 - 04:59 PM

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.

#3 CliffordP

CliffordP

    Advocate

  • Members


  • 460 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 05 October 2012 - 05:38 PM

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.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16526 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 October 2012 - 10:15 AM

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.

#5 CliffordP

CliffordP

    Advocate

  • Members


  • 460 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 22 October 2012 - 05:29 PM

Please Login or Register to see this Hidden Content


so everything on this page is built with cloned content boxes and that's it - no sections at all?
Thanks.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 October 2012 - 06:08 PM

You are correct. No sections are used on the Tools page.
  • CliffordP likes this





Also tagged with one or more of these keywords: scrollspy