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

JavaScript を使用して要素までスクロールするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-10-21 19:15:29
オリジナル
451 人が閲覧しました

How Do I Scroll to an Element Using JavaScript?

JavaScript を使用して要素にスクロールする方法

ページを特定の要素までスクロールするには、scrollIntoView() メソッドを利用できます。このメソッドは要素をブラウザのビューポート内に表示し、ページ上の特定の領域にシームレスに移動できるようにします。

scrollIntoView() を使用するには、document.getElementById を使用してスクロールしたい要素をターゲットにするだけです。 (「要素ID」)。次に、以下に示すように、選択した要素でscrollIntoView()を呼び出します。

<code class="javascript">document.getElementById("divFirst").scrollIntoView();</code>
ログイン後にコピー

このコードは、ID「divFirst」のdivがビューポート内に表示されるまでページを垂直にスクロールします。これは、Web ページのスクロール動作を制御するための簡単で多用途な方法です。

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

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