javascript - JavaScriptを使用してページの下部に配置された特定のdivにジャンプする方法は?

Question

ページの下部にある div があります。

<div id="myDiv"></div>

JS 関数を実行した後、この div に移動したいと思います。つまり、自分の URLmyurl#myDivを div に移動したいのです。ただし、ページをリロードせずに。JavaScriptを使用してこれを行うにはどうすればよいですか? 残念ながら、この問題の実用的な解決策は見つかりませんでした。私はJSライブラリとフレームワークを使用していません。

Answer 1

特定の要素までスクロールするには、IE6+ および実際のブラウザーでサポートされているscrollIntoViewを使用します。

document.getElementById('myDiv').scrollIntoView();

window.location.hashDOMReady をチェックして、ドキュメント内の要素に一致する URL にハッシュがあるかどうかを確認します。

#myDivドキュメント内にリンクがある場合はonclick、それらにリスナーを追加し、上記のコードに従って手動でスクロールを実行し、return falseへのリンクをたどらないようにする必要があります#myDiv。

デモ

Answer 2

ウィンドウの位置を ID の位置に設定してみてください。ブラウザはその要素までスクロールします。

window.location.hash = '#myDiv';

Answer 3

scrollIntoView(true)メソッドは、上 (true) または下 (false) に配置するかどうかを指定するパラメーターも受け入れます。