jQuery Scroll To Top
Scripte > Attachment
Scroll to Top - Eine Schaltfäche für schnelles "nach oben" scrollen
Das jQuery-Plug-in "Nach oben scrollen" ist ein kleiner Code, mit dem eine Schaltfläche "Nach oben scrollen" unten rechts auf der Webseite eingefügt wird. Auf diese Weise können die Besucher der Website ganz einfach an den Anfang der Seite zurückblättern, die sie gerade durchsuchen. Die Schaltfläche "Nach oben scrollen" wird anfangs nicht auf der Webseite angezeigt, aber wenn mit dem Scrollen begonnen wird, wird sie angezeigt (siehe rechts unten jeder Seite).
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. Nur den Skript-Code in den HEAD-Bereich <head>.....</head> der aufrufende Datei bzw. bei allen Dateien einfügen.
Die meisten Webseiten-Programme bieten die Möglichkeit, den Code für "alle" Seiten nur einmalig einfügen zu müssen.
Beispiel Website X5: Unter "Statistiken und Code" --> "Vor dem </HEAD> Tag" einfügen (Notiz beachten).
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.
Code für den <HEAD> Bereich
<!-- Hinweis:
Wer jQuery ohnehin auf seiner Seite eingebunden hat, braucht die erste Zeile des folgenden Codes nicht mehr. -->
<script src="wsX5Obj/Obj79_0/jquery-1.4.min.js"></script>
<script src="wsX5Obj/Obj79_0/jquery.pjScrollUp.min.js"></script>
<script>
$(function() {
$(document).pjScrollUp({imgSrc: "... Dieser Codeschnipsel ist sehr lang, bitte aus der ZIP-Datei entnehmen ..."});
});
</script>
» nach oben «