特定の位置でHTMLページを読み込む方法


  1. ページ内リンクを使用する方法: HTMLページ内にリンクを作成し、そのリンクをクリックしたときに特定の位置にスクロールするように設定します。以下は例です:

    <a href="#section2">セクション2へ移動</a>
    <!-- ... -->
    <div id="section2">
     <!-- セクション2のコンテンツ -->
    </div>

    上記の例では、<a>タグのhref属性にセクション2のIDである#section2を指定しています。クリックすると、ページはそのセクションにスクロールします。

  2. JavaScriptを使用する方法: JavaScriptを使って、ページが読み込まれたときや特定のイベントが発生したときに、スクロール位置を制御することもできます。以下は例です:

    <script>
    window.addEventListener('load', function() {
     // 特定の要素の位置にスクロールする
     var element = document.getElementById('section2');
     element.scrollIntoView();
    });
    </script>

    上記の例では、windowオブジェクトのloadイベントを監視し、ページが読み込まれたときに指定した要素にスクロールします。