画像が多いページでも安心！JavaScriptでズレないアンカーリンクを実現する方法｜DAD UNION – エンジニア同盟

Webサイト制作を進めていく中で、複数ページ間のナビゲーションや特定の場所への移動をスムーズに行うことは、ユーザーエクスペリエンスを向上させる上で非常に重要です。特に、ページ内リンク（アンカーリンク）を使用する際、リンク先のターゲット位置がずれてしまう問題に悩まされることがあります。この問題は、ページの読み込み速度や画像のロードに影響されることが多いため、意図した場所に確実にスクロールさせるためには、少し工夫が必要です。 今回は、こうした問題を解決するために、JavaScriptを活用してアンカー移動を確実に制御する方法を解説します。理解しやすいように、具体的なコード例とともに説明していきます。 Webサイト制作で困ったこと 実際にWebサイトを作成する際、以下のようなシチュエーションで困った経験はありませんか？ 例えば、a.htmlとb.htmlという2つのページがあり、a.htmlから

[you1tech]

別ページへアンカーリンク貼ると思った位置と若干ずれる時ありますよね。