-
ページ内リンクを使用する方法: HTMLページ内にリンクを作成し、そのリンクをクリックしたときに特定の位置にスクロールするように設定します。以下は例です:
<a href="#section2">セクション2へ移動</a> <!-- ... --> <div id="section2"> <!-- セクション2のコンテンツ --> </div>
上記の例では、
<a>
タグのhref
属性にセクション2のIDである#section2
を指定しています。クリックすると、ページはそのセクションにスクロールします。 -
JavaScriptを使用する方法: JavaScriptを使って、ページが読み込まれたときや特定のイベントが発生したときに、スクロール位置を制御することもできます。以下は例です:
<script> window.addEventListener('load', function() { // 特定の要素の位置にスクロールする var element = document.getElementById('section2'); element.scrollIntoView(); }); </script>
上記の例では、
window
オブジェクトのload
イベントを監視し、ページが読み込まれたときに指定した要素にスクロールします。