Scroll down techniques…

• 

  miketheblacksheep · Member · Mar 15, 2009 at 5:04 pm

  • Copy link
  • Add topic to favorites

  Hi everyone
  How can I add clever scroll down techniques in this page http://miketheblacksheep.wordpress.com/artist-of-the-month/
  This is an artist dedicated page and I will add more within the next months. It would be really hard my reader to find in the whole page the musician he/she is looking for and I would like to add the names in headlines on the top, where when you press one automatically the page scrolls to the desired artist.

  A good example is the following link from a random website.
  http://www.songcastmusic.com/faqs#thirteen

  Thanks
  M.W

  The blog I need help with is: (visible only to logged in users)

• 

  1tess · Moderator Emeritus · Mar 15, 2009 at 5:17 pm

  • Copy link

  miketheblacksheep
  It’s called a page jump:
  Here is basic code for jumps from the top of a page (or post) to lower down in the article.

  <a name="top"></a>Top<!-- This is the anchor to the top where you want readers to return -->
  <a href="#a">First item</a><!-- first item -->
  <a href="#b">Second item</a><!-- second item -->
  For more items in the list use b,c,d etc. You can name them what you like, but use the # and " symbols and don't forget to close tags
  
  <a name="a"></a>Write about first item<!-- corresponding first item -->
  <a href="#top">Return to the top!</a><!-- put this below the above line to get back to the top -->
  <a name="a"></a>Write about second item<!-- corresponding second item -->
  <a href="#top">Return to the top!</a><!-- put this below the above line to get back to the top -->

  Page Jumps

• 

  miketheblacksheep · Member · Mar 15, 2009 at 5:27 pm

  • Copy link

  Thanks very much… I am a kinda beginner, I didn’t know even it is called jump…
  thanks anyway

• 

  1tess · Moderator Emeritus · Mar 15, 2009 at 5:32 pm

  • Copy link

  Try it out with just one item first. Paste into HTML, but then you can switch to Visual editor to type in the wording you want. Once you get the hang of it, it’s not difficult.

• 

  panaghiotisadam · Member · Mar 15, 2009 at 5:41 pm

  • Copy link

  (Its real name is anchor links. Scroll down means a partial-view window with content that moves inside it.)