Jump to content


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


How to use the Scroll Spy?

Recommended Posts

I need some help to be able to use the scroll Spy, I have difficulty to put the scroll Spy to work on my site, I've seen the docs, but there does not specify the location should I place the code. 
I do not know much about these HTML codes, if you can send me some examples that might be included the scroll Spy I thank you very much!
OBS:Consider that I'm not very experienced in this area, I'm learning now.

Share this post

Link to post
Share on other sites
James B

Hi there, you can place the code into any section which accepts html code. My suggestion would be to put the code within the main content of your page (which appears in the wp content section) or to use Pl Nextbox which is a free section available from your account page.


Basically all you're doing is putting two pieces of information on the page which the scroll spy can see. The class and the title, the class which is 'scroll-header' tell DMS that this is an area to scroll down to on the page. The title is the text which will appear in the scroll spy menu.

<h4 class="scroll-header" title="Setup"></h4>

For example if I were to write a paragraph on my page about Horses, and I wanted the scroll spy to have a button for the Horses section that when pressed took you down to the content I would insert the following.

<h4 class="scroll-header" title="Horses"></h4>
<p>The horse is one of two extant subspecies of Equus ferus etc, etc </p>

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

  • Similar Content

    • mundocaco
      By mundocaco+
      Hello, inexplicably few signs have appeared at the beginning of each excerpts, removing the option these signs disappear, but appear when I activate it again. You know why happen this?.
      Yo can see online here: http://www.latitudestudio.eu/press-news/ 
    • dherries
      By dherries
      I am trying to add a widgetizer to my page/post and the system does not let it drag. The system creates  large Widgetizer logo and nothing will happen. What am I doing wrong?  I am using DSM 1.1.9.  Website is www.moveincache.com
    • mundocaco
      By mundocaco+
      Hello everyone. :)   Is possible set a selected Section Area to height of window browser with custom CSS, just like DMS2 presets? Someone knows some best practice?   I know how to set to fixed footer, but i think this case of study is different.   Thanks!
    • webmktco
      By webmktco
      Website URL: http://www.schrumpfdds.com/
      Framework Version: DMS 1.1.9
      WordPress Version: 4.1.1
      I noticed that the Font Awesome version in my theme is 3.2.1.
      Can you tell me how I can update the FA version? Or is that not possible?
    • pazyluz
      By pazyluz+
      I have pages that display on phones and pages for desktops/laptops.  The ipad displays the mobile/phone pages but would look far better if they displayed the desktop version.  How/Can I display the desktop version on ipad?  If I cannot do that, can you advise me as to the best course of action?  Thank you.