javascript ページ内リンク时固定ヘッダーをかぶらないようにする

Posted 2021-05-03

// ページ内リンク時固定ヘッダーをかぶらないようにします
$(function () {
 var headerHight = 67; //ヘッダの高さ
 $('a[href^=#]').click(function(){
     var href= $(this).attr("href");
       var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top-headerHight; //ヘッダの高さ分位置をずらす
     $("html, body").animate({scrollTop:position}, 0, "swing");
        return false;
   });
});

// jquery3系では動かない