headerをposition fixedした時に同一ページ内のリンクがずれる #jQuery

headerをfixedでTOPに固定した際に、同一ページへのリンクを設定すると、headerの高さ分だけスクロールがずれてしまう。

sample.js


$(function(){
  var headerHeight = $('header').height();
  $('a[href^=#]').on('click',function(){
    var href = $(this).attr('href');
    var target = $(href == '#' || href == '' ? 'html' : href);
    var position = target.offset().top - headerHeihgt;
    $('html,body').animate({scrollTop:position}, 550, 'swing');
    return false;
  });
});

これで解決。