jquery　ページ内リンク　ずれる

2017年1月1日

$(function(){
  $('a[href*="#"]:not([href="#"])').click(function(){
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $("[name=' + this.hash.slice(1) +']");
      if (target.length){
        var headerHeight = 300; //固定ヘッダーの高さ
        var position = target.offset().top - headerHeight; //ターゲットの座標からヘッダの高さ分引く
        $('html,body').animate({
          scrollTop: position},
          200
        );
        return false;
      }
    }
  });
});