17 replies to this topic

[pedromaia]

I'm using Scroll Spy at my blog but it only shadows the last item. See the error here:

Please Login or Register to see this Hidden Content

[James B]

Hi there,

Looking at the code for your page, the last "li class" is set to "active" for the section tab as well as the third. I would advise you to go back and check the anchors you've set within the page which activate the scrollspy. The first one works fine, the shadow effect on the nav is activated by the "active" anchor.

If you get stuck paste the code you've set here and we'll take a look

[pedromaia]

Thanks. But yes, I got stuck.
This is the code:

Please Login or Register to see this Hidden Content

[Simon_P]

Please paste it to

Please Login or Register to see this Hidden Content

The forums adds font styling for some reason

[pedromaia]

Here is the link:

Please Login or Register to see this Hidden Content

[Simon_P]

Seems to be working fine now on this page:

Please Login or Register to see this Hidden Content

[pedromaia]

This is odd. I'm using FF and the problem persist. This is happening at another post:

Please Login or Register to see this Hidden Content

[Danny]

Hi,

Can you post a screenshot of the error please, as like Simon I am unable to see what issue at all.

[jheflin]

I'm having the same issue - the final scrollspy element is always set to active, therefore in this scenario 'Viewers' is always highlighted as the active scrollspy node. I'm kind of wondering whether my page template setup is causing this...

Please Login or Register to see this Hidden Content

[Danny]

@Jheflin,

Your issue is that you're targeting sections, the Scroll Spy was intended to be used with HTML on a post/page only. However, this seems to be a common issue with the Scroll Spy, so I will speak to our developers and see if this can be changed, so it works with sections to.

[jheflin]

Ah that makes sense - would be great if that could be included in a future patch. I just assumed using section header with the Scroll Spy was how the

Please Login or Register to see this Hidden Content

was put together because I had my own tour section I was building - that page on the pagelines framework demo appears to have the same bug and doesn't properly display or switch the .active css for each node. Tools, however, does work just fine and its because obviously there's no sections other the page/post being used there.

Thanks!

[mackenzie]

The topic was marked as resolved.

[gyoery]

This seems to be an error with twitter bootstrap. If you still wanna use the section but without active-state marking, just copy the section to your childtheme or /plugins/pagelines-sections/ open the scrollspy.js Line 32 and comment out
scrollArea.scrollspy({offset: 180 - mainOffset}); => // scrollArea.scrollspy({offset: 180 - mainOffset});

also, on line 37:
var offTop = jQuery(this.hash).offset().top - 120;
you can play with the -120. For me -30 gave the result I was hoping 4.

[beardedavenger]

Ya this error is present in all versions of FF, on Mac and Windows from what I've just tested.

[toddatkins]

I'm having the same problem.  Last box stays "active" or shadowed no matter where I am, and I also have it linked to banner sections on the page by divs in the banner titles:

Please Login or Register to see this Hidden Content

Will see about trying gyoery's fix listed above.

[toddatkins]

Copied the section to my child theme and commented out line 32 but same problem remains.  Sucks.

[Rob]

Todd, that reply is about 6 months old, and since it reflects something coming from Twitter Bootstrap, affecting only certain versions of Firefox, I'm not sure there's going to be much we can do on our end.  I'll ask one of our developers to look into this.

[Rob]

I'd recommend opening a new topic, and pasting the link; the code used to create the scrollspy, and paste the edit to the .js into our pastebin.

 

That will make it much easier for us to properly investigate, as 'me too' topics are rarely the same as someone else's. I'm sure you'd prefer to get specific attention.