JavaScript Nach oben scrollen

Harshit Jindal 12 Oktober 2023
  1. Verwenden von die Funktion window.scrollTo() zum zum Seitenanfang zu blättern
  2. Verwenden von das Anker-Tag zum an den Anfang der Seite zu scrollen
  3. Verwenden von die Funktion scrollTo() von jQuery zum an den Anfang der Seite zu scrollen
JavaScript Nach oben scrollen

In diesem Tutorial erfahren Sie, wie Sie mit JavaScript zum Anfang der Seite scrollen.

Verwenden von die Funktion window.scrollTo() zum zum Seitenanfang zu blättern

Mit der Methode scrollTo() des Fensters können Sie zu einer bestimmten Stelle auf einer Seite scrollen. Es werden zwei Argumente benötigt: die Koordinate x und y des Punktes, zu dem wir scrollen möchten. Wir können x und y als 0 übergeben, um zum Seitenanfang zu gelangen.

window.scrollTo(x - coordinate, y - coordinate)

Verwenden von das Anker-Tag zum an den Anfang der Seite zu scrollen

Das Ankertag verwendet die Referenz der Seite, um geöffnet zu werden, wenn auf den Link geklickt wird. Wenn wir # als Wert des Attributs href übergeben, wird zum Anfang der Seite gescrollt.

<a href="#"> Top of Page </a>

Verwenden von die Funktion scrollTo() von jQuery zum an den Anfang der Seite zu scrollen

Die Funktion scrollTo() hilft uns, die vertikale Position der Bildlaufleiste eines HTML-Elements abzurufen / zu bearbeiten. Es braucht ein Argument, die Position zu scrollTo(). Mit dieser Funktion können Sie den oberen Rand der Seite erreichen, indem Sie sie auf die Fenstereigenschaft anwenden und den Positionsparameter auf 0 setzen.

$(window).scrollTop(0);
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn