JavaScript Scrollable Div

Als nächstes geben Sie eine “ein“div"Element zusammen mit dem zugewiesenen"Ausweis”. Geben Sie innerhalb der DIV das angegebene Bild ein, das mit den angepassten Abmessungen in der “gescrollt werden soll.“" Schild:

Greifen Sie nun auf die zugewiesene ID zu “scrollen”In die DivÜberlaufEigenschaft zu automatisch, die das Scrollen durch das angegebene Element horizontal und vertikal erzeugt:

Schließlich passen Sie die “eindivAbmessungen unter Berücksichtigung der Aufzeichnung des angegebenen Bildes, um es scrollbar zu machen:

Die entsprechende Ausgabe ist:

Methode 2: Erstellen Sie ein JavaScript -Scrollable Div mit den Überlauf- und überlaufenden Eigenschaften.

Der "ÜberlaufDie Eigenschaft wird angewendet, um das Verhalten des Inhalts anzugeben, wenn sie ein Element entlang der horizontalen Kanten (links und rechts) überläuft. Andererseits die “überlaufendEigenschaft gibt das Verhalten des Inhalts vertikal an (an der oberen und unteren Kanten). Diese Methoden können implementiert werden, um das aufgerufene Element zu scrollen, indem die Eigenschaften gemäß den angegebenen Anforderungen angepasst werden.

Beispiel

Zunächst zuweisen eine “Ausweis”In das DIV -Element und fügen Sie die angegebene Überschrift ein, wie in der vorherigen Methode erläutert. Enthält außerdem den folgenden Absatz darin, um es (div) zu scrollen zu machen:

Div

JavaScript ist eine der Top-Scripting-Sprachen. Diese bestimmte Sprache integriert auch HTML zur Ausführung verschiedener zusätzlicher Funktionen.

Als nächstes holen Sie die Div -ID mit der “dokumentieren.GetElementById ()" Methode. Passen Sie hier den Überlauf und die überlaufenden Eigenschaften an. Die zugewiesenen Eigenschaften führen dazu, dass nur vertikal die Div -DIV scrollen:

Schließlich stylen Sie die Scrollable Div und passen Sie seine Abmessungen wie in der vorherigen Methode dargestellt:

Ausgang

In diesem Artikel kam die Ansätze zu dem Schluss zu.

Abschluss

Wenden Sie die “an, um ein Div -Scrollable in JavaScript zu machenÜberlauf”Eigenschaft, die so zugewiesen werden soll, dass das enthaltene Bild innerhalb der DIV gescrollt ist oder die“Überlauf" Und "überlaufend"Immobilien können verwendet werden, indem sie so zugewiesen werden, dass auf den Zugriff aufgenommen werden"divIst nur vertikal scrolliert. Diese Eigenschaften können implementiert werden, um die angegebene Anforderung auszuführen, ein Div -Scrollable in JavaScript zu machen.