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

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

DDD
リリース: 2024-12-02 20:11:11
オリジナル
1033 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート