How can I create this page jump feature?

Community Forums Forums Design Tips and Tricks How can I create this page jump feature?

This topic is: not resolved

This topic contains 2 replies, has 1 voice, and was last updated by  riryrery 5 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #96136

    riryrery
    Participant
    Post count: 19

    This page here has a neat little page jump link area on the top right of the page called “Contents” linking to bookmarked sections on the page.

    http://www.studiopress.com/forums/faq/

    How can I do this?

    The page I’m testing is here: http://www.amblesideonline.org/studio/?page_id=128

    #96137

    riryrery
    Participant
    Post count: 19

    Oops, forgot to follow.

    #97576

    riryrery
    Participant
    Post count: 19

    Okay, I managed to figure it out myself and the page is here: http://www.amblesideonline.org/studio/?page_id=165

    But the links won’t jump to the header, it jumps to just *below* the header. I would like users to be able to see the header as well. How can I fix this?

    Here is a portion of what I have that includes the first bookmarked heading:

    <div class="one-fourth alignright">
    <h4>Contents</h4>
    <ul>
    	<li><a href="#For Starters">For Starters</a></li>
    	<li><a href="#Scientific Training">Scientific Training</a></li>
    	<li><a href="#Nature Journaling">Nature Journaling</a></li>
    	<li><a href="#Affecting The Whole Person">Affecting The Whole Person</a></li>
    	<li><a href="#Special Studies">Special Studies</a></li>
    </ul>
    </div>
    <h3 id="For Starters">For starters</h3>

    Any help would be appreciated!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.