New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
FF1+ IE5+ Opr7+

Jump to top Link

Author: Dynamic Drive

Note: Last updated Nov 13th, 03 for doctype bug

Description: For pages that are several folds long, providing a quick way to get to the top may be appreciated by your visitors. Use this script to do just that, via a hovering lower right link. Note that you can easily alter this script to navigate to a URL instead (ie: back to homepage) when clicked on.

See also: jQuery Scroll to Top Control

Demo: Look at the lower right corner of your browser...

Directions: Developer's View

Step 1: Download the following .js file, and upload to your webpage directory:

jumptop.js (click it, or click with Shift Key depressed in NS to save)

Step 2: Insert the below code into the <body> section of all pages you wish the feature to be added to:

Select All

Be sure to change the reference http://www.mydomain.com/jumptop.js inside the script to correctly reference jumptop.js on your server. To alter the text "[ Top ]", open up the downloaded jumptop.js using any text editor.