headerをfixedにするとずれるスクロールをなんとかしよう

fixするとページ内リンクの位置がずれる…ので、JQで解決してみた。

$(function(){
// #で始まるアンカーをクリックした場合に処理
$('.btn a[href^=#]').click(function() {
// スクロールの速度
var speed = 400;
//ヘッダの高さ
var headerHight = 50;
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top - headerHight;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});

ついでに.btnが付与された#にのみ作動するようにしてます。
したくないとこまで誤作動したので!