スムーススクロールは結局の所これになると思う。Lazyloadによるズレも解消 WordPressにも対応。


jQuery('a[href^="#"]').click(function(e) {
let href = jQuery(this).attr("href");
let target = jQuery(href == "#" || href == "" ? 'html' : href);
let position = target.offset().top;
let adjust = 100;
jQuery.when(
jQuery("html, body").animate({
scrollTop: position
}, 400, "swing"),
e.preventDefault(),
).done(function() {
let diff = target.offset().top - adjust ;
if (diff === position) {
} else {
jQuery("html, body").animate({
scrollTop: diff
}, 10, "swing");
}
});
});