suchen

Heim >Web-Frontend >js-Tutorial >Wie kann ich mit JavaScript zum Anfang einer Webseite scrollen?

Wie kann ich mit JavaScript zum Anfang einer Webseite scrollen?

Susan Sarandon
Susan SarandonOriginal
2024-11-29 01:40:11650Durchsuche

How Can I Scroll to the Top of a Web Page Using JavaScript?

Mit JavaScript zum Anfang einer Webseite scrollen

Mit JavaScript zum Anfang einer Webseite zu scrollen, ist insbesondere eine häufige Aufgabe wenn sofortiges Scrollen gewünscht ist. Dies kann einfach mit der integrierten Methode window.scrollTo() erreicht werden, mit der Sie die gewünschte Position auf der Seite angeben können.

JavaScript-Code:

Um sofort zum Anfang der Seite zu scrollen, verwenden Sie Folgendes Code:

window.scrollTo(0, 0);

Parameter:

  • xCoord: Die horizontale Koordinate (in Pixel), zu der gescrollt werden soll. Setzen Sie dies auf 0, um zum linken Rand zu scrollen.
  • yCoord: Die vertikale Koordinate (in Pixel), zu der gescrollt werden soll. Setzen Sie dies auf 0, um nach oben zu scrollen.

Indem Sie 0 für xCoord und yCoord übergeben, können Sie sofort zur oberen linken Ecke der Seite scrollen.

Beispielverwendung:

<!DOCTYPE html>
<html>
<body>
<p>Scroll down this page and then click the button.</p>

<button onclick="window.scrollTo(0, 0)">Scroll to Top</button>
</body>
</html>

Wenn auf die Schaltfläche geklickt wird, springt die Seite sofort zur Seite oben.

Hinweis: Wenn Sie ein reibungsloses Scrollen mit Animationen erreichen möchten, sollten Sie die Verwendung von JavaScript-Plugins oder -Frameworks in Betracht ziehen.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript zum Anfang einer Webseite scrollen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript edge if for using this position animation
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie binden Sie externe Funktionen in Ihre Node.js-Anwendung ein?Nächster Artikel：Wie binden Sie externe Funktionen in Ihre Node.js-Anwendung ein?

In Verbindung stehende Artikel

Mehr sehen