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

Wie kann ich mit JavaScript programmgesteuert zum Ende einer Webseite scrollen?

DDD
DDDOriginal
2024-12-02 20:11:111030Durchsuche

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

Automatisch zum Ende der Seite scrollen

Möchten Sie zu einem bestimmten Element am Ende einer Seite scrollen, wenn Sie auf einen bestimmten Auslöser klicken? Dies kann effektiv ohne den Einsatz von jQuery erreicht werden.

Lösung:

window.scrollTo(0, document.body.scrollHeight);

Erklärung:

Dieser einfache JavaScript-Code scrollt die Seite vertikal zu der Position, die durch die Eigenschaft document.body.scrollHeight angegeben wird. Es stellt die Gesamthöhe des Dokumentkörpers dar, einschließlich aller vertikal gescrollten Elemente.

Überlegungen:

  • Im Fall verschachtelter Elemente Sie Möglicherweise müssen Sie das Element, das einen Bildlauf durchführt, als Ziel festlegen und dessen Bildlaufhöhe verwenden stattdessen:

    nestedElement.scrollTo(0, nestedElement.scrollHeight);

Zusätzlich Ressourcen:

  • http://www.alecjacobson.com/weblog/?p=753
  • http://www.mediacollege.com/i nternet/javascript/page/scroll.html
  • http://www.electrictoolbox.com/jquery-scroll-bottom/

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

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