Archived

This topic is now archived and is closed to further replies.

  • 0

Using Scrollspy???

Question

Posted · Report post

Hello everybody, I know pretty much nothing about CSS and I was wondering how I could still use Scrollspy? I have one page on the website that has long-form content and I wanted to use scrollspy to streamline it and make it more user-friendly. Is there any ready-to-use CSS content that i could use to set up scrollspy without prior knowledge of CSS? Thanks a bunch!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi there, there's not any pre-set content that I'm aware of. However scroll spy isn't as hard to activate as it sounds, so it's worth having a go to try and get it working on your site. If you check out our Demo at http://demo.pagelines.com/framework/sections/ and scroll down, you'll see the scrollspy section is activated by simply adding .scroll-header as a class into your content. I'm not sure how you're formatted your content as I couldn't see which page you were making reference too etc. Go into edit the page you want the scrollspy to be active on and click on the 'html tab' on the right, above the main text entry field. You'll now see the html for your page content. Simple add the class .scroll header to the area of the page you want t to scroll down to, I've copied in the example from the demo below.

Your content here

Your content here

Share this post


Link to post
Share on other sites

Posted · Report post

Ya ignore that bootstrap link above, James is right on. You can also add "page-header" to produce a styled heading. Ex

Title and a tag line to boot

[/code]

Share this post


Link to post
Share on other sites