Wie kann ich mit JavaScript zum Anfang einer Webseite scrollen?-js-Tutorial-php.cn

Wie kann ich mit JavaScript zum Anfang einer Webseite scrollen?

Susan Sarandon

Freigeben： 2024-11-29 01:40:11

Original

672 Leute haben es durchsucht

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);

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!