Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 08, 2012, 04:14:12 PM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Scrolling navigation and back to top links?		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: Scrolling navigation and back to top links?  (Read 1828 times)
Menard
Key Keeper
Veteran
*****
Posts: 965



WWW
« on: April 03, 2007, 02:59:19 PM »
I have seen on many pages, particularly FAQ pages, where there will be a set of links at the top of the page which allows the visitor to click on the link and have the page scroll to the proper section of the page; plus there will often be a 'back to top' link which will scroll the page back to the top.

Does anyone know how to code this, and can it be done in a div scroller?

I am wanting to use it here: http://webmasterbarn.info/

I have a div scroller on the page for the content and would like to put text links at the top of the page, in the div scroller, for each of the articles and 'back to top' links with each article; if possible.
Report to moderator   Logged

Free Backlinks
Zhorkow's CargoShip
Nickel Paperback
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #1 on: April 03, 2007, 03:20:49 PM »
Links can go to either external pages or anchor points in the current page.

The terminology for a link that goes to a point in your current page is a "bookmark".

Here is the kind of code you need:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Up and Down Site</title>
</head>
<body>
<a href="http://www.google.com">G</a> -
<a name="top">The top</a>
<a href="#bot">Go to the bottom</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="bot">Bottom</a>
<a href="#top">Back to top</a>
</body>
</html>


But use <br /> for xhtml  Smiley

Incidentally, my free windows xp/vista web development software has a wizard to do this automatically over at www.sitesugu.com/geekzone/products so users don't need to understand the theory or risk coding errors.
« Last Edit: April 03, 2007, 03:40:10 PM by Andy » Report to moderator   Logged
IP Address Trace
Karaoke on PC
Menard
Key Keeper
Veteran
*****
Posts: 965



WWW
« Reply #2 on: April 03, 2007, 03:42:14 PM »
Cool! Got it working. Thank you.  Grin
Report to moderator   Logged

Free Backlinks
Zhorkow's CargoShip
Nickel Paperback
donecweb
Administrator
Veteran
*****
Posts: 1 302


DonecWeb
« Reply #3 on: April 03, 2007, 07:56:56 PM »
You can use the same process for creating links to different places on a page or even objects on a page. just create the named anchor where you want the link to go and then create the link where you want it making it point to the named anchor.
Report to moderator   Logged
DonEc Web

Links and accurate information provide the best answer, while garbage in provides garbage out.
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #4 on: April 04, 2007, 01:35:28 PM »
You can also link to an anchor point on another page or write a script that links to random places anywhere on your site  Cool
Report to moderator   Logged
IP Address Trace
Karaoke on PC
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Scrolling navigation and back to top links?
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!