Wie man nach unten scrollen, in JavaScript

August 29

Das Document Object Model oder DOM, bietet eine standardisierte Möglichkeit, HTML mit einer Skript- oder Programmiersprache Sprache zu manipulieren. Das "Fenster"-Objekt im DOM bezieht sich auf das aktive Fenster und enthält viele Attribute und Elemente, die das Fenster weiter zu definieren. Der "ScrollBy"-Methode können Sie in das Fenster einer bestimmten Anzahl von Schritten von Scroll scrollen, und Sie können diese Methode nach unten scrollen, in einem Fenster mit JavaScript aufrufen.

Anweisungen

1 Erstellen Sie ein neues HTML-Dokument mit dem Notepad oder einem HTML-Editor. Geben Sie den HTML-Header der Datei. Geben Sie beispielsweise:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html Xmlns = "http://www.w3.org/1999/xhtml" >

< Head >

< Meta http-Equiv = "Content-Type" Content = "Text/html; Charset = Utf-8 "/ >

< Title > Scroll Beispiel < / title >

2 Erstellen Sie eine JavaScript-Funktion, die die "ScrollBy"-Methode verwenden wird, um den Bildschirm nach unten scrollen um 50 Pixel. Geben Sie beispielsweise:

< Skript-Typ = "Text/Javascript" >

Funktion scrollWindow() {}

window.scrollBy(0,50);

}

< / script >

< / head >

3 Fügen Sie eine Schaltfläche auf dem Bildschirm, der einen die JavaScript-Scroll-Funktion Aufruf, wenn geklickt. Geben Sie beispielsweise:

< Körper >

< Form Id = "MeinFormular" >< Eingang Typ = "button" Wert "Scrollen" onclick="scrollWindow()" / >< / Formular >

< / body >

< / html >