JavaScript DIV Scrollen

JavaScript können Sie den Bildlauf Features auf Ihren Webseiten zu automatisieren. Wenn Sie einen Div-Container automatisch einen Bildlauf durchführen möchten, verwenden Sie die Eigenschaft "ScrollTop" in JavaScript. Die Bildlauffunktion löst automatisch aus, sobald der Benutzer die Webseite öffnet. Dieses Verfahren ist vorteilhaft für Programmierer, die einen Abschnitt einer Seite anzeigen, unmittelbar nachdem ein Benutzer es öffnet möchten.

Zweck

JavaScript ermöglicht es Entwicklern, die eine Webseitenelemente zu steuern, auch nachdem die Webseite im Browser geladen. Beim Erstellen von Prozess-Seiten, die mit Sprachen wie PHP oder ASP können Sie Elemente oder Scrollen nach Abschluss die Seite Verarbeitung nicht steuern. Dies bedeutet, dass Sie Werte nicht ändern können, nachdem der Benutzer mit der Seite interagiert. Die JavaScript-Sprache können Sie die Interaktion mit den Benutzern, selbst nachdem die Seite geladen und vollständig verarbeitet auf Serverebene.

Auswahl

Ein Div-Container enthält eine Bildlaufleiste, wenn Ihre Inhalte die Höhe der div erweitert. Dieses Feature ist der Standard-CSS-Stil für alle Div-Container. Um mit der Bildlaufleiste in einem Div arbeiten, müssen Sie das div-Tag im JavaScript-Code angeben. Der folgende Code gibt die Div-Container, die Sie im Browser Scrollen möchten:

Var Div = document.getElementById("mydiv");

Die "Mydiv" gibt das Div-Element, die, das Sie auf der Seite blättern möchten.

Durchführen eines Bildlaufs

Nachdem das div-Tag angegeben ist, verwenden Sie die Eigenschaft "ScrollTop" in JavaScript um den Inhalt in die div. Blättern Wenn Sie diese Eigenschaft festlegen, rollt das Div nach unten angegebene Pixel. Rollt beispielsweise der folgende Code nach unten 50 Pixel:

div.scrollTop = 50;

Diesen Code können Sie für eine Funktion, die geladen werden, wenn der Benutzer die Seite öffnet oder wenn der Benutzer auf eine Schaltfläche oder das Bild klickt. Der Div-Bildlaufleiste bewegt an die 50 Pixel-Position.

Überlegungen zur

Ältere Browser unterstützen nicht die Bildlauffunktion. Wenn Ihre Benutzer eine sehr alte Browserversion wie Internet Explorer 6 oder Netscape verwenden, wird das div-Tag kein Bildlauf. Sie können entweder eine Nachricht, dass der Browser nicht unterstützt wird oder stellen eine andere Seite von dem der Benutzer den Inhalt sehen kann.