ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用してプログラムで Web ページの一番下までスクロールするにはどうすればよいですか?

JavaScript を使用してプログラムで Web ページの一番下までスクロールするにはどうすればよいですか?

DDD
DDDオリジナル
2024-12-02 20:11:11956ブラウズ

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

ページの一番下まで自動的にスクロール

特定のトリガーをクリックすると、ページの一番下にある特定の要素までスクロールしたいですか?これは、jQuery を利用せずに効果的に実現できます。

解決策:

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

説明:

この単純な JavaScript コードdocument.body.scrollHeight プロパティで指定された位置までページを垂直方向にスクロールします。これは、垂直スクロール要素を含むドキュメント本文の高さの合計を表します。

考慮事項:

  • ネストされた要素の場合、スクロールする要素をターゲットにし、そのスクロールの高さを使用する必要がある場合があります代わりに:

    nestedElement.scrollTo(0, nestedElement.scrollHeight);

追加リソース:

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

以上がJavaScript を使用してプログラムで Web ページの一番下までスクロールするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。