JavaScript | Fenster -Scrollto -Methode

Die Fenster -Scrollto -Methode wird verwendet, um das Browserfenster in eine bestimmte Koordinate zu scrollen. Diese Methode wird als die benannt scrollto () während Fenster ist das Fensterobjekt. Ein Öffnen eines Browserfensters wird durch die dargestellt Fenster Objekt. Um diese Methode besser zu verstehen, gehen Sie schnell die unten angegebene Syntax durch:

Syntax der scrollto () -Methode

Fenster.scrollto (x-koordinate, y-koordinate);

In dieser Syntax:

• Fenster ist das Fensterobjekt des Browsers.
• X-Koordinate ist die horizontale Verschiebung in das Fenster des Browsers bei.
• Y-Koordinate ist die vertikale Verschiebung, um das Fenster des Browsers zu schwenken.

Demonstration der Fenster -Scrollto () -Methode

Um die Arbeit der Scrollto -Methode zu demonstrieren, erstellen Sie zunächst eine HTML -Datei mit den folgenden Zeilen:

Ich bin vertikal bei 4000px platziert
Klicken Sie auf mich, um nach unten zu scrollen

In diesem oben genannten HTML -Code -Snippet,

• A deutlich Das Tag wurde mit einem Text im Inneren erstellt, wobei die Klasse der Klasse war scrolliert. Diese Klasse wird verwendet, um dieses Tag mit Hilfe von CSS bei 4000px zu platzieren.
• Es wurde eine Schaltfläche erstellt, die das aufruft geklickt () Funktion in der JavaScript -Datei.

Danach möchten wir den CSS unserer Webseite folgende Zeilen hinzufügen:

Körper
Höhe: 7000px;

.scrolliert
Position: absolut;
Oben: 4000px;

Im obigen CSS -Snippet:

• Die Höhe des Body -Tags ist auf 7000 PX gesetzt, sodass die Webseite auch ohne mehr Elemente auf dem neuesten Stand ist.
• Der deutlich Tag mit der Klasse scrolliert wurde bei 4000px platziert.

Durch Ausführen der Webseite werden wir jetzt die folgende Ausgabe im Fenster des Browsers erhalten:

Wie Sie aus der Ausgabe sehen können, um die zu besuchen deutlich Tag, man muss das Fenster des Browsers manuell scrollen.

So fügen Sie der Schaltfläche Funktionen hinzu deutlich Tag mit Text, schreiben Sie die folgenden Zeilen in die Skriptdatei:

Funktion klickte ()
Fenster.Scrollto (0, 4000);

In diesen Zeilen wird die Funktion geklickt () erstellt, die beim Drücken der Taste aufgerufen wird, und in dieser Funktion übergeben wir einfach die Y-Koordinate als 4000px zur Fenster scrollto () -Methode. Dies liefert das folgende Ergebnis auf der HTML -Webseite:

Wie im Ausgang deutlich angezeigt wird, schwenkt das Drücken der Taste das Fenster des Browsers auf 4000px vertikal.

Einpacken

Die Fenster -Scrollto () -Methode wird verwendet, um das Fensterobjekt des Browsers aufzurufen und dann das Fenster des Browsers an eine bestimmte Position zu schieben X Und y Koordinaten in seinen Argumenten. Dieser Artikel hat die Arbeit der Fenster -Scrollto () -Methode mit Hilfe eines Beispiels gezeigt.