Splitting Content » Page Jumps

Contents

• Why use Page Jumps?
• Create a Page Jump

Related

• Excerpts
• NextPage (Pagination)
• The More Tag

Page jumping is where you click a link and instantly get moved somewhere further up or down a long page. Try it:

CLICK HERE TO JUMP

Why use Page Jumps?

You might have a list of items at the top of the post and using these jump links means you can allow someone to jump straight to a place rather than scrolling down and looking. You could also use it to make a post jump all over the place is you wanted.

↑ Table of Contents ↑

Create a Page Jump

The link starts it (the ‘Click me’) is written like this:

<a href="#unique-identifier">Click me</a>

Note the #

The link where that goes to is written like this:

<a name="unique-identifier">See?</a>

The #unique-identifier matches the name="unique-identifier".

So you could have <a href="#another-identifier">Jump 2</a> to <a name="another-identifier">Place 2</a>

At the beginning of the post or page, add this before all of the other HTML:

<a name="top"></a>

and anywhere you want a link to zoom them to the top of the page, you put this:

<a href="#top">top</a>

Okay, now jump back to the top.

Last modified: October 23, 2009