スムーズスクロール

【jQuery】他ページからのスムーズスクロールリンクでスクロール位置がLazyloadのせいでズレた場合対処した方法

jQueryでスムーズスクロールを設置した際、どうも他ページにリンクしてスムーズスクロールさせると、どうしてもスクロールの位置がズレてしまうことが起きました。
なぜこんなことになるのか色々調べていたところ、loading=”lazy”で画像を遅延読み込みさせていると画像の高さ分が計算できておらず、スクロール位置がズレていたようです。

とうことで、Lazyloadに対応させたスムーズスクロールのJavascriptを修正してみました。今の所、自分の環境では問題なく動作しています。

まずjQueryを読み込みます。

もし、よろしければご活用ください。