• Home
• »»
• Javascript
• »»
• Scrollen mit Javascript

Mit Javascript kann man auch Frames scrollen lassen. Dazu braucht man drei Funktionen.
Die erste Funktion scrollt die Seite nach unten.
Mit den Variablen "speedwn" und "speedwn" wird die Schrittweite beim Scrollen eingestellt. Größere Zahlen bedeutet schnelleres Scrollen.
Hier der Quelltext:

var anfang = 1;
var speedup = 5;
var speedwn = 2;

function runter() {
 gutjetzt = setInterval("parent.frames.mitte.scroll(0,anfang+=speedwn)",10);
}

Die zweite Funktion scrollt die Seite nach oben.
Hier der Quelltext:

function hoch() {
 gutjetzt = setInterval("parent.frames.mitte.scroll(0,anfang-=speedup)",10);
}

Die dritte Funktion beendet das Intervall, das die anderen Funktionen immer wieder neu aufruft.
Hier der Quelltext:

function anhalten() {
 clearInterval(gutjetzt);
 }

Jetzt müssen diese Funktionen nur noch per Link aufgerufen werden.
Hier der Quelltext:

<a href="#" onMouseOver="hoch()" onMouseOut="anhalten()">Nach oben</a>
<a href="#" onMouseOver="runter()" onMouseOut="anhalten()">Nach unten</a>

Ein Beispiel :

	Nach oben
	Nach unten

Hinweis :
Der Iframe hat in diesem Beispiel den Namen "mitte".
Anstelle der Links können natürlich auch verlinkte Bilder verwendet werden.
Das Script wurde erfolgreich mit IExplorer 5.5, Opera 6.0, Mozilla 1.1 und Netscape 6.1 getestet.