リンク先のページに遷移し、さらにアンカーリンクの位置にスムーズスクロールする
$(window).on('load', function(){
var n = window.location.href.indexOf('#section');
if(n > 0) { // #付きのurlであれば、0以上の数字が入る
var section_word = window.location.href.slice(n); // urlの指定した位置以降の文字を取得
var posi = $(".scroll section"+section_word).offset().top; // 要素の位置を取得
$('html,body').animate({ scrollTop: posi }, 'slow'); // 指定した位置までbodyがスムーススクロール
return false;
}
});
ヘッダー固定のページだと、別ページアンカーリンクはヘッダーの下に隠れてしまうので、その対策として実装するとよい。固定ヘッダーのheight分、posiの数値からマイナスする。