HpBk-TemplateWorld | Alles für dich.

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



Kommentar zu dieser Seite hinzufügen:
Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

Du bist der 634280 Besucher.

Information

HpBk-TemplateWorld ist seit Januar 2011 die neue Design-Zentrale im Homepage-Baukasten. Mit über 100 Designs ist und soll HpBk-TemplateWorld auch mit eurer Hilfe noch weiter ausgebaut werden und somit zu einer zentralen Anlaufstelle für Designs, Templates und Tutorials im HpBk werden.

Partner werden

Möchtest du auch Partner von HpBk-TemplateWorld werden? Dann schreibe mich an. Gerne sehe ich mir deine Seite genauer an und werde dich dann zu den offiziellen Partnerseiten hinzufügen.