akiyum
12/26/2014 - 8:35 AM

position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれを解消

position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれを解消

pageLinkFix
content_copyfile_download
$(function () {
    var headerHight = 100; //ヘッダの高さ
    $('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}, 550, "swing");
        return false;
    });
});