HpBk-TemplateWorld

Nach oben scrollen

Nach oben scrollen Link

Einleitung

Das kennt ihr sicher auch. Man besucht eine Homepage und landet auf einer Seite, die wirklich unendlich lang ist. Und dann möchte man vielleicht wieder nach oben und das Gescrolle mit der Maus dauert einem dafür einfach zu lange. Ihr könnt euren Besuchern das Scrollen nämlich mit einem ganz einfachen Trick abnehmen.

Schwierigkeitsstufe: Anfänger

Methode 1: Nach oben springen.
Im Footer eurer Seite oder auf einer Seite im Quelltext des Editors fügt ihr einfach einen Link mit dem Namen "Nach oben" ein. Verlinken könnt ihr euren Text im Editor ja ganz einfach mit der blauen Weltkugel.

Ihr verlinkt euren Text ganz einfach - mit einer Raute. Bei URL gebt ihr einfach ein Rautezeichen ein. #
Dann speichert ihr es ab und sobald nun ein Besucher auf euren "Nach oben Link" klickt, springt der Browser sofort zum Seitenanfang.

Methode 2: Sanftes nach oben scrollen
Eine noch schönere Methode liefert uns ein JavaScript. Mit diesem Code können eure Besucher mit einem Klick nach oben scrollen. Das ist ein kleiner, aber feiner Effekt.

<script type="text/javascript">
function NachOben () {
var y = 0;
if (window.pageYOffset) {
    y = window.pageYOffset;
} else if (document.body && document.body.scrollTop) {
    y = document.body.scrollTop;
}
if (y > 0) {
    window.scrollBy(0, -90);
    setTimeout("NachOben()", 5);
}
}
</script> <a href="javascript:NachOben()">nach oben scrollen</a>

Diesen Code müsst ihr entweder auf einer Seite im Quellcode oder im Footer eures Designs einfügen.

Kommentare zu dieser Seite:

Kommentar von max( ), 23.03.2013 um 17:39 (UTC):
hi ! habe genau sowas seit wochen gesucht. danke für den coolen code