Jump to content
Sign in to follow this  

Scrollspy Displays (Html Title Attribute Needed) Instead Of Title

Recommended Posts


Scrollspy appears to functions correctly but will not display the title of my section in the actual bar itself. I have tried everything I can think of, even copying the html of Pagelines tools page itself, only to get the same result. The scrollspy is linking to content on a page, not a section. Would really like to utilize this feature on the about page to display content from several small pages on one. Any help would be appreciated. Thanks in advance.

Also checked these links, but find that they are lacking in detail:





<div id="spyID1" class="scroll-header page-header" title="About">

<h1 class="zmt">About<small> Lake City Community Theatre</small></h1>


The mission of the Lake City Community Theater is to cultivate a community of educated and involved consumers of the arts by providing trained supervision through the staging of dramatic and musical productions for the benefit of people living in Lake City and the surrounding areas.

<div class="row">

<div class="span6">

<h2 style="text-align: center">Contact Information</h2>

<p style="text-align: center">Lake City Community Theatre

PO Box 726<br />

Lake City, SC 29560<br />

(843) 374-8611</p><br />

<h5 style="text-align: center"><a class="btn btn-primary btn-large" href="http://goo.gl/maps/YD20r" target="_blank">Get Directions →</a></p>


<div class="span6">[googlemap width="100%" height="300" address="125 South Blanding Street Lake City, SC"]</div>


Share this post

Link to post
Share on other sites
James B

Hi there, can you make sure you have the 'postloop' in the content area on the drag and drop. The html links need to go inside there for the scrollspy to pick up the data. I've just tested and mine came up exactly the same even though the code was in there, until i made sure the postloop was active.

So pagelines>site options>drag and drop> Click on 'content-area' in the right hand layout image so it highlights blue. Then scroll down and click on the name of the page template you're using, then scroll down to check 'post loop' is active in the left hand list.

Also check that 'content' is active in the 'page templates' area.

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

Sign in to follow this  

  • 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:
    • Buishi
      By Buishi
      I could have sworn I read in the documentation somewhere about creating a scroll-spy link using HTML (something like <a href="somesection" rel="scroll-spy" class="btn">button</a>), but I can't find it where I expected to. Is this possible? Basically, I want to use scroll spy from the main menu, instead of a separate scrollspy section. Possible, or do I need a different plugin?
    • seatangltd
      By seatangltd
      I'm having an issue with the scrollspy section. When I click on one of the buttons, it brings me down to the relevant content, but in the middle of the header text (which contains the scrollspy tags) as shown: http://grab.by/wNri
      The page should scroll down to just above the header text something like this: http://grab.by/wNta
      I know that scrollspy isn't meant for use with sections, but I tested it with content inside a single text box and had the same issue.
    • ketri
      By ketri

      If I understand http://docs.pagelines.com/tutorials/using-scrollspy this correctly, then I'm supposed to implement the scrollspy-navigation section to a page, and then write the page content in the WordPress admin-panel, and to the content of the site create sections for the scroll spy like:
      <h4 class="scroll-header" title="Setup"></h4> <p>Your content here</p>  
      Or possibly use a text box -section where I can write scrollspy-compatible html myself.

      As I can set the css-classes needed for scrollspy to my DMS sections easily, is it possible to also add the title so I could just drag & drop a landing page that scrolls to different sections? so I could use the scrollspy to scroll to i.e. specific section in my page like Column that has content inside it, or scroll to a fullwidth slideshow etc?

      Thank you

    • janemackey
      By janemackey
      I am thinking about switching from a fixed nav bar at the top of my website to using scrollspy. I understand how to do the basic implementation from the documentation but I have a few questions.
      1) On a mobile device, it seems like the scrollspy navbar doesn't stay at the top with the small menu icon that I had when using the fixed navbar. How can I get this to work?
      2) How can I put my logo in the scrollspy navbar?
      ) How can it be full width the whole time instead of only when you start scrolling?
      This is all similar to wndrmnt.com that is used as an example of how one can use scrollspy navigation.
      And I assume scrollspy should be at the top of the content/template area and not in the header area.
      thanks for any help,