JavaScript固定のヘッダー(ナビ)がある場合はヘッダー分の高さを調整しなければなりません。レスポンシブだと高さが変わってしまいます。そんな時には『ヘッダー』のクラスやIDを指定してあげれば面倒な調整は不要になります。ちなみに今回の『ヘッダー』は『header』を使っています。 ▽jQuery(必須) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> ▽簡単な説明を記載しています。 $(function(){ var headerHeight = $('header').outerHeight(); // ヘッダーについているID、クラス名など、余白を開けたい場合は + 10を追記する。 var urlHash = location.hash; // ハッ
![【jQuery】ページ内リンクでスムーズスクロール(固定ヘッダーがあったら) | 125naroom / デザインするところ(会社)です。](https://cdn-ak-scissors.b.st-hatena.com/image/square/926d29bcb50ac7c096ae99fde99dc46d24350750/height=288;version=1;width=512/https%3A%2F%2F125naroom.com%2Fwp%2Fwp-content%2Fuploads%2F2020%2F01%2Fweb_j_016w.png)