JavaScript を使用して HTML の特定のアンカーまでスクロールするにはどうすればよいですか?

JavaScript を使用して HTML ページを特定のアンカーまでスクロールする

問題:

プログラムで HTML ページをスクロールする必要があるJavaScript のみを使用した特定のアンカー。目的のアンカーに name または id 属性を割り当てました。例:

<a name="anchorName"></a>
<h1>

目的は、次のようなアンカー フラグメントを使用して URL に手動で移動する効果を再現することです。 http://server.com/path#anchorName.

解決策:

function scrollTo(hash) {
    location.hash = "#" + hash;
}

この JavaScript 関数は、location.hash を設定することでページをアンカーまでスクロールします。財産。 location.hash プロパティは、現在の URL のアンカー フラグメントを表します。このプロパティに目的のアンカー名を割り当てると、ブラウザはページを適切な位置まで自動的にスクロールします。

他の多くのソリューションとは異なり、このメソッドは jQuery などの外部ライブラリを必要としません。

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