Wenn man seinen Seitenbesuchern unnötiges Scrollen ersparen möchte, kann man u.A. mittels Anker-Link die Möglichkeit anbieten mit einem Klick vom Seitenende zum Seitenanfang zu springen. Es gibt hierfür eine noch einfachere Lösung als die Anker-Link-Lösung, da ich dieses Tutorial jedoch mit dem Tutorial zum Thema
"Weiches Scrollen - Smooth Scrooll in NetObjects Fusion" verknüpfen möchte, habe ich mich entschieden euch die folgende Lösung vorzustellen.
Die Vorgehensweise ist recht einfach. Für den Anker ziehen wir ein kleines Textfeld auf und platzieren es am obersten Rand unserer Website, vorzugsweise im oberen Masterrahmen, da wir den Vorgang so nur auf einer Seite durchführen müssen, während die Anwendung auf allen Seiten gleichzeitig eingefügt wird. (alle Seiten mit selbem Masterrahmen)
Ins html dieses Textfeldes fügt ihr nun folgenden Code ein.
Wer nicht weiß wie das gemacht wird,
kann dies hier nachlesen.
<a name="top" id="top"></a>
Am Ende eurer Seite platziert ihr nun euren "nach oben" Link. Hierzu könnt ihr einen Text oder auch eine Grafik verlinken.
Die Einstellungen für den Link entnehmt ihr bitte dem folgenden Screenshot.
Wenn ihr das Ganze nun noch mit dem
Smooth Scroll kombiniert, habt ihr eine tolle Anwendung für eure Website gefunden.