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:
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/
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?
I've tried different ways to center the navbar generated with scrollspy section but nothing works.
please help. thanks.
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.
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'
.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!
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:
How to use Drag & Drop
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.