Jump to content


Photo
- - - - -
Open

Scroll Spy shadow error



Best Answer Rob , 21 April 2013 - 06:06 PM

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.

Go to the full post


  • Please log in to reply
17 replies to this topic

#1 pedromaia

pedromaia

    Advanced Member

  • Members
  • 36 posts

Posted 14 September 2012 - 08:33 PM

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



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 September 2012 - 11:40 PM

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 :)

#3 pedromaia

pedromaia

    Advanced Member

  • Members
  • 36 posts

Posted 18 September 2012 - 02:33 PM

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

Please Login or Register to see this Hidden Content



#4 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 18 September 2012 - 03:01 PM

Please paste it to

Please Login or Register to see this Hidden Content

The forums adds font styling for some reason

#5 pedromaia

pedromaia

    Advanced Member

  • Members
  • 36 posts

Posted 18 September 2012 - 08:41 PM

Here is the link:

Please Login or Register to see this Hidden Content



#6 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 18 September 2012 - 08:50 PM

Seems to be working fine now on this page:

Please Login or Register to see this Hidden Content



#7 pedromaia

pedromaia

    Advanced Member

  • Members
  • 36 posts

Posted 19 September 2012 - 11:55 PM

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



#8 Danny

Danny

    Is Awesome!

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

Posted 23 September 2012 - 09:59 AM

Hi,

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

#9 jheflin

jheflin

    Advanced Member

  • Members
  • 34 posts
  • LocationMaryville, MO
  • Framework Version:2.3

Posted 08 October 2012 - 04:13 PM

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



#10 Danny

Danny

    Is Awesome!

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

Posted 11 October 2012 - 06:52 AM

@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.

#11 jheflin

jheflin

    Advanced Member

  • Members
  • 34 posts
  • LocationMaryville, MO
  • Framework Version:2.3

Posted 11 October 2012 - 12:31 PM

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!

#12 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 17 October 2012 - 12:43 AM

The topic was marked as resolved.

#13 gyoery

gyoery

    Advocate

  • Members

  • 252 posts
  • Country: Country Flag

Posted 03 November 2012 - 09:34 AM

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.

#14 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 03 November 2012 - 02:04 PM

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

#15 toddatkins

toddatkins

    Advanced Member

  • Members

  • 73 posts
  • LocationBaton Rouge, LA
  • Framework Version:2.41
  • Country: Country Flag

Posted 21 April 2013 - 05:33 PM

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.



#16 toddatkins

toddatkins

    Advanced Member

  • Members

  • 73 posts
  • LocationBaton Rouge, LA
  • Framework Version:2.41
  • Country: Country Flag

Posted 21 April 2013 - 05:51 PM

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



#17 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 April 2013 - 05:57 PM

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.



#18 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 April 2013 - 06:06 PM   Best Answer

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.