脱IEのスムーススクロール + 固定ヘッダー時のアンカーリンクずれ対応

メモ WordPressはTable of Contentなどのプラグインで生成されるリンクに効かないことがあるのでその場合は下記を使う方が良いかも

1ページの場合

LPなどはCSSのみで実現可能

html{
	scroll-behavior: smooth;
}
[id] {
	scroll-margin-top: 150px; //←ヘッダの高さを指定
}

別ページへ遷移後にスムーススクロールアニメーションが発動しないように、jQueryでアンカーリンクをクリックしたときにhtml要素にscroll-behavior: smoothを適用する。

[id] {
	scroll-margin-top: 150px; //←ヘッダの高さを指定
}

$('a[href*="#"]').on('click', function(){
	$('html').css('scroll-behavior', 'smooth');
});