Wie man nach unten scrollen, in JavaScript
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 >