リンク先のページに遷移し、さらにアンカーリンクの位置にスムーズスクロールする
$(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の数値からマイナスする。