Jump to content
grstewart2000

Scroll Spy active menu button display issue

Recommended Posts

greenfly    230
greenfly

Hello grstewart2000 

 

Could you take a screenshot of your settings page for Scroll Spy? Also are you using any custom code? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

Here's the custom code:

 

.navbar .navline > li > a {
font-weight: bold;
}
 
ul.sidebar_widgets{
background:#cccccc;
}
 
#feature_slider .text-bottom .fcontent .fheading {
width:100%;
}
 
#page .content { 
background: rgba(255, 255, 255, 0.9); 
}
 
h1,h2{
line-height: 1em;
}
 
#footer .content{
background: rgba(0, 0, 0, 0.6);
}
 

post-42674-0-17418800-1365430447_thumb.j

post-42674-0-51626500-1365430457_thumb.j

post-42674-0-19218900-1365430467_thumb.j

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

On the first menu item of the scroll spy - be sure to close out the div (</div>) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

OK - made that correction. Issue still present though...

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

Hello Martin - any luck with finding a solution? Cheers

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Are you using gn_heading for a particular effect? 

 

Have you seen the following documentation regarding the scroll spy? http://support.pagelines.me/docs/sections/scroll-spy/ 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

Yes - that header is used for effect.

 

But the issue is that the "Interior Art" button stays highlighted as the active button even after you click the other two buttons.

 

I'm using Scroll Spy on another site that has the same issue as well. Is there a fix for this?

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

i am trying to figure out the reasons why and i cannot replicate the issue when i create the same thing on my test site. 

 

I understand what the issue is. what effect are you trying to achieve with the gn_heading? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

Just a different styled heading that comes from the plugin "shortcodes ultimate". The scroll spy problem was evident even prior to adding the header shortcodes.

 

Also, I read the Scroll Spy documentation and believe everything is in order. Cheers

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

ok - let me do some more tests - i will come back to you 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

I've tested this set up using contentbox clones between the sections and placing in the scroll header code. It's worked on my test install, video below

 

http://screencast.com/t/OVSaits7S5

 

I would say to test, take out your code in each box and past into a blank text doc so you have a copy. Then paste in the example code from the demo-tools page to test (http://demo.pagelines.me/tools/). If that doesn't work first time, try wrapping the code in [pl_raw] tags to see if it makes a difference, in case something is adding a break in your code somewhere.

 

You could also try disabling the plugins as a last resort to see if something somewhere is affecting it somehow etc.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
grstewart2000    0
grstewart2000

I tried all of this and it doesn't fix it.

 

Wait a second  - it doesn't even work on Pagelines site - http://demo.pagelines.me/sections/

 

The same issue is evident on their website too. The active button does not display properly.

 

Does anybody have a fix for this? Cheers

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi Grstewart2000

 

We have added this to the Bugtracker as a possible Bug and will update you with more information as soon as possible. 

 

http://www.pagelines.com/forum/tracdown/issue/206-scroll-spy-active-menu-item-stuck-on-first-menu-item/


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
cpath    0
cpath

Any update on this?  I am having the same issue and also noticed that it doesnt work properly on demo.pagelines.me site.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

There is no issue with ScrollSpy. The ScrollSpy section was never supposed to work with sections, which is the cause of the original posters issue. This is the reason as to why the active menu item isn't working either.

 

ScrollSpy does work if you follow the instructions on our documentation, you can see a working Scroll Spy following these instructions here - http://danny.pagelines.me/scroll-spy/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
cpath    0
cpath

hmm. is there a workaround to make it work with sections?  I cant imagine that we will be the only ones wanting this since you guys even use it in this fashion all over the pagelines demo site. At least some kind of way to turn off the "active" state?  Having this be functional only within single pages or sections is very limiting.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Presently, the link originally posted yields a 404 error.

 

ScrollSpy can't be modified to accommodate sections, and certainly we couldn't provide that via technical support.  You can seek one of our developers to create a new product, but I don't even know if they could modify ScrollSpy. There may be some other plugins, but I don't know of any.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

I will alert the developers.  Thanks for letting us know about this.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cpath    0
cpath

sure, if you guys figure out a solution, can you share it here?  thanks

Share this post


Link to post
Share on other sites
Rob    547
Rob

Yes, we will.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
helvetik_a    0
helvetik_a

Hi, i have the same problem too...i am using scroll header with the scrollspy section and the "active" state appears always on the wrong place. I think there's is a bug in the Html code cause of the "active" state in the list of the spynav tag....How it is possible to resolve the problem?

At the moment i have the impression that i purchased a not-working section....

 

http://wp.tanzprojekte.ch/wordpress/kurs-info/

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

@cpath - There is no bug, as I mentioned in my previous post, the page you linked is also using sections, the markup for scrollspy is inside a ContentBox which has been cloned several times.

ScrollSpy does not work with sections properly, as the active state fails. However, ScrollSpy works perfectly inside the page content like I mentioned on my previous post, there is no bug. It simply wont work correctly with sections when the markup has been added to a ContentBox section.

 

If you wish to have this functionality, you're more than free to contact one of our Pros, like Rob suggested - http://www.pagelines.com/pros/

 

@helvetik_a - You have no content for the ScrollSpy to target from what I can see, please read our documentation which has information on how to correctly use ScrollSpy.

 

http://support.pagelines.me/docs/sections/scroll-spy/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Buishi
      By Buishi
      Hi there,
       
      I'm having the following problem: I set up a scroll spy on my homepage, and put several sections throughout the homepage with .scroll-headers (for example: <h4 class="scroll-header" title="Testimonials">Testimonials</h4>). The problem is, the menu highlighting doesn't change as I scroll, only the last menu item remains highlighted. Any idea what's going on? See here:
       
      http://designmancan.com/CLL/
    • Brian
      By Brian+
      Hello,
       
      When using scroll spy, does anyone know the code to change colors for the background, link text color, and then when a selected link is active? Exactly how it's being setup here: http://www.pagelines.com/shop/club/dms/
       
      Thanks,
      B
       
       
    • helvetik_a
      By helvetik_a
      Hi. I try to style the scroll spy section with a different hover color and a transparent bg.
      The css does not work at all....i am using firebug, but if i copy the code in the pagelines customisation plugin it does not works at all....
       
      This is the css code: (from Firebug  and modified... http://paste.pagelines.com/151
       
      The hover state remains always in grey....any help?
      THX Corina
       
      http://wp.tanzprojekte.ch/wordpress/kurs-info/
    • achif
      By achif
      Hello
      I've tried different ways to center the navbar generated with scrollspy section but nothing works.
      please help. thanks.
    • josh1178
      By josh1178
      I've been away from Pagelines for a while now. I came back and was very impressed with all the new features and the new web design.

      But then, as I dig around further I notice that things are still a mess.

      For example:
      Scroll Spy - I'd like to know what it is and how to use it.

      I go to: http://demo.pagelines.me/sections/ to get a feel for what it is
      The description mentions unicorns and spies in an effort to be cute
      While cute, it's not helpful and quickly becomes frustrating when you read the 'explanation'

      Explanation



      .scroll-header is the class that triggers the scrolling. The class can be added to any element, and is not restricted to headings.
      Ok great. But what the heck is Scroll Spy?
      Let's look it up in the pagelines documentation:
      So, I go to: http://www.pagelines.com/wiki/Main_Page
      I click on How to Use ScrollSpy:
      In PageLines Framework 2.2, we have added a new Section called ScrollSpy. The ScrollSpy section adds an additional navigation bar that automatically updates nav targets based on scroll position. It is also useful for jumping from one section of your page to another instantly.
      Great, a practical definition!
      Let's look at the images. Wait, why do all the images say "

      Placeholder image for ScrollSpy Content sreenshots"

      Wait, scroll down a bit and there is Latin!
      Integer pharetra, tortor nec volutpat accumsan, ligula enim consectetur erat, porta imperdiet felis orci eget purus. Phasellus non auctor magna. Vestibulum at augue sit amet quam scelerisque rutrum. Aliquam erat volutpat. Cras lectus dolor, tincidunt laoreet molestie ac, vehicula sed ante.
      So, I hunt around for more info on the page and find these this:
      ScrollSpy works within your Page's editor, as long as ScrollSpy is enabled on the template your page is using. For a more in depth look and tutorial on how to get ScrollSpy working on your page, please visit the new PageLines Framework 2.2 Demo Site.
      But that link goes here!
      http://www.iana.org/domains/example/
      WTF
      I find some more links that say:
      In order to get ScrollSpy working on your page, it needs to be enabled in the Drag and Drop menu, and in the Template Setup area.
      More info on template setup here
      I click that and it takes me to a page that says:

      Redirect page

      How to use Drag & Drop


      WTF

      You guys really need to get it together. I just wanted a picture and definition of what the ScrollSpy section does. Next time I'll google it or just post to the forum or try to figure it out on my own, because the documentation/wiki is an obvious afterthought. Or maybe I'm supposed to buy Pagelines plus to deal with the headache?






      The attribute title="Usage" is used as the actual label that sits inside the menu.
×