Jump to content
Sign in to follow this  
toddatkins

Possible to Add ScrollSpy Menu Item to External Page?

Recommended Posts

toddatkins    1
toddatkins

I like scrollspy, a lot.  One thing I would like to be able to do is have the last item in the bar be one that goes to a different page on the site, rather than on-page below.  Is this possible?

 

Thanks in advance.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Todd,

 

I'm not personally familiar with ScrollSpy, so not sure of the details of your question.  Forgive, please, the imposition, but could you explain in further detail, perhaps with screenshots, what you're referring to?

 

Thanks for your patience and understanding.  I only want to provide a good answer, as I'm sure you will appreciate.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
toddatkins    1
toddatkins

As I have experienced it, scrollspy is basically a "floating" navbar that self-populates with links it detects within the page it resides on.  It's essentially linking via the old anchors-style (see:  demo.pagelines.me/tools) in the manner of:  demo.pagelines.me/#spyID1 ... #spyID6 for six different on page links.  In the example tool page, the last link on the end is "Goodies".  All I want to do is to add one last box/link next to Goodies that is "Contact" and that links to a different page on my site, not a section on that main page.  Sorry I'm having trouble explaining it.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Todd,

 

It's probably not your explanation as much as my old eyes and lack of experience with this particular section.  So, when this menu is created, it is not done in the traditional way, via Dashboard > Appearance > Menus. PageLines is managing the way the menu 'floats' and highlights the current (active) page so I'm unsure how one might add an external link.   Presumably, you can add menu items in the page, which link externally, but I'm unclear how. I'm guessing that adding target="new" doesn't work. Have you tried that?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
toddatkins    1
toddatkins

Hey Rob thanks for the reply.  I've pretty much figured out that it's not going to happen.  The way it works off of bootstrap and using javascript, I don't think it's possible. 

Share this post


Link to post
Share on other sites
Rob    547
Rob

I'm sorry about that Todd.  ScrollSpy is one of the very few sections I've not tried or used on my own site.


Former PageLines Moderator, Food Expert and Raconteur

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:
       
      http://designmancan.com/CLL/
    • 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
      Hi,
       
      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.
       
      http://cavistons.com/food-emporium/cheese/
       
       
    • ketri
      By ketri
      Hello

      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
      Hello,
      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,
      jane
×