Jump to content
kristjan72

Scrollspy problem

Recommended Posts

kristjan72    1
kristjan72

Hi

I'm using the Scrollspy section on one of my pages. The action works great, whizzing down to the relevant section of the page and back, the menu sticking to the top of the page. My problem is that the highlight of the 'current' section (which I have styled orange). As soon as you scroll down the page the last button get the current styling, which then stays...

The custom css styling hasn't caused this, as it happens with or without.

This is the relevant page

thanks

kk

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

thanks for that. I had a look, but that post at stackoverflow had a variety of answers, none of which seem relevant here, as I'm using the Pagelines section to create the Scrollspy, not coding it myself.

Interestingly I found the following. I had downloaded the entire Demo settings and content from the Goodies section and applied it all to my site (which was fun!!), and then used the 'Sections' page as the template for creating my 'Facts' page. I left the scrollspy coding as it was and added the content.

Anyhoo, I went to the Pagelines demo Sections page and the 'active' state of the Scrollspy navbar isn't working there either! It is working on the Pagelines demo Tools page...... as far as I can see the main difference between those two pages is that on the 'Tools' page all the Scrollspy nav links are continuous in the main content, and on the 'Sections' page they are spread over a series of content boxes. Could that have something to do with it?

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

Hello?

Wondering if anyone would like to chime in here? After all, this relates to an issue that is not working on your own Demo page?

Share this post


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

Hi,

The issue as far as I can see, is that the Scroll Spy was designed to target content on a page/post and not individual sections. I have set myself to follow this topic and will speak to one of our developers but I have a feeling that he may say the same thing I said and that it wasn't designed to target sections.

I will keep you posted!


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

Fair enough. I thought it had to be that, which is why it doesn't work on the Pagelines Sections demo page either. Shame, coz on a page like that one, with lots of different sections is the perfect place to use Scrollspy. I like having the content on a long page rather than multiple pages.

As a workaround, is there any way to implement sections inside the main body content? Things like quicksliders and boxes? I'm guessing not...

Share this post


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

Do you mean add sections inside your page templates content area ?

If so, yeah all you need to do is add click on Content Area instead of Page Template in Drag and Drop.

http://d.pr/i/odRv


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

ehrm... I feel a bit stupid now! I knew that one :huh:

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

Fixed! By adding content boxes to the Content Area section of the template rather than the Page template, the scrollspy works beautifully. Thanks for sending me down that path. Related to an earlier post you answered about transparent background on the blog page, I'm trying to get the background of the page transparent too. I modified the custom css thusly:

.blog #site #pagelines_content, .4 #site #pagelines_content {

background: transparent;

border-color: transparent;

}

but that doesn't work...

Share this post


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

Hi there, I'm glad this worked for you. As the last question about the transparent bg has been answered in another thread, I'll resolve this thread for you.


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
James B    436
James B

The topic was marked as resolved.


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

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

    • ppotent
      By ppotent
      Any chance of a pagelines table plug-in coming? I know that the use of short codes and bootstrap can achieve this, but I can't seem to find any easy/visual editor way of doing this. There are table plug-ins around for wordpress, but honestly, they are pretty clunky. I'd pay for a tables plug-in, given how much I would use tables if I could.
       
       
    • nandorj78
      By nandorj78+
      I checked the demo for the new bootstrap theme (http://themes.pagelines.com/bootstrap/) and I really liked the slider on it. I suppose it was not done using 'impulse' or 'flick slider', was it? How was it done?
    • micstepl
      By micstepl+
      is Bootstrab (http://getbootstrap.com/ ) kompatible to PL5? how to install most fitting?
    • respectgb
      By respectgb+
      Hi,
      I'm having problems with bootstrap popovers being cut off the edge of the browser. I'm using the latest version of dms (2.2) and this problem occurs on all browsers tested. Please can you let me know how we can fix this?

      Cheers

    • 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/
×