Die Bildlaufleiste oder die Scrolling -Funktion bestimmt die Position, in der das Bildlauf stattfindet. Eine Bildlaufleiste kann sich sowohl horizontal als auch vertikal bewegen. Mit der horizontalen Bildlaufleiste können wir den Inhalt horizontal scrollen. Ich.e., links oder rechts. Während die vertikale Bildlaufleiste es uns ermöglicht, den Inhalt vertikal zu scrollen.e., nach oben oder unten.

Um jetzt in Frage zu stellen, wie Sie vertikales Scrollen in JavaScript oder JQuery aktivieren können? Also! Wir haben ein paar Ansätze, mit denen diese Aufgabe erledigt werden kann.

In diesem Beitrag werden die Arbeiten der folgenden Ansätze erläutert, um die Seite in die oberste Position zu scrollen:

• So scrollen Sie eine Seite mit JavaScript in die oberste Position?
• So scrollen Sie eine Seite mit JQuery in die oberste Position?

Also lasst uns anfangen!

So scrollen Sie eine Seite mit JavaScript in die oberste Position?

In JavaScript enthält die Fensterschnittstelle eine integrierte Methode namens Scrollto (), mit der Sie zu einer bestimmten Position auf der Seite scrollen können.

Syntax

Sie folgen der folgenden Syntax, um mit der scrollto () -Methode zu arbeiten:

Das obige Ausschnitt zeigt, dass das Fenster.scrollto () Methode akzeptiert X-Koordinate und Y-Koordinate als Parameter. Wenn wir beide Koordinaten als „0“ angeben, verschiebt sich die Seite auf die Seite scrollto () in den obersten Punkt.

Beispiel: So verwendet man Fenster.scrollto () Methode?

Das obige Programm führte die folgenden Aufgaben aus:

• Erstellt

  Und

  Tags zum Hinzufügen von Überschriften und angewendet Inline -CSS, um sie zu stylen.

• Erstellte ein paar Absätze mit Verwendung

  Element.

• Erstellte eine Schaltfläche mit dem Namen „Scrollback nach oben!”.
• Klicken Sie auf das „Scrollback oben!Die Schaltfläche "Topfun ()" wird die Methode "topfun ()" aufrufen.
• In der Topfun () -Methode haben wir das Fenster verwendet.scrollto () Methode.
• Wir setzen beide Koordinaten als 0 ein!Die Schaltfläche wird die Seite in die oberste Position scrollen.

Die Ausgabe hat überprüft, dass das Klicken auf die Schaltfläche die Seite in die oberste Position scrolliert wurde.

So scrollen Sie eine Seite mit JQuery in die oberste Position?

JQuery bietet eine Methode mit dem Namen "scrolltop ()", mit der die vertikale Scrollbarposition für das Zielelement zurückgegeben/festgelegt wird. Position 0 stellt dar, dass sich die Bildlaufleiste oben befindet. Wir müssen also „0“ als Argument an die Methode „Scrolltop ()“ übergeben, um nach oben auf der Seite zurück zu scrollen.

Syntax

Befolgen Sie die untergegebene Syntax, um die vertikale Bildlaufbuhlposition zu erhalten:

Befolgen Sie die untergegebene Syntax, um die vertikale Bildlaufbuhlposition einzustellen:

Beispiel: So verwenden Sie die scrolltop () -Methode?

Betrachten wir den folgenden Codeblock, um die Arbeit der scrolltop () -Methode zu verstehen:

Der obige Codeblock führte die folgenden Funktionen aus:

• Erstellt

  Und

  Tags zum Hinzufügen von Überschriften und angewendet Inline -CSS, um sie zu stylen.

• Erstellte ein paar Absätze mit Verwendung

  Element.

• Erstellen Sie eine Schaltfläche mit dem Titel „Klicken Sie hier klicken!”.
• Klicken Sie auf das Klicken Sie hier!Die Schaltfläche "Topfun ()" wird die Methode "topfun ()" aufrufen.
• Innerhalb der Topfun () -Methode haben wir die scrolltop () -Methode verwendet.
• Wir haben „0“ als Position an die scrolltop () -Methode übergeben. Klicken Sie folglich auf das Klicken auf „HIERKLICKEN!Die Schaltfläche wird die Seite in die oberste Position scrollen.

So funktioniert die scrolltop () -Methode in jQuery

Abschluss

In JavaScript "0, 0" als Parameter an das Fenster übergeben.Scrollto () -Methode scrollen die Seite in die oberste Position. In jQuery, die "0" als Argument an die Methode "Scrolltop ()" übernimmt. Dieser Beitrag berücksichtigte einige Beispiele, um ein detailliertes Wissen über das Fenster zu vermitteln.scrollto () und scrolltop () -Methoden.