ヘッダー固定時にアンカーリンクを使う時の対策です。
レスポンシブで対応するために「matchMedia」を使いました。

$(function () {     
 if (window.matchMedia( '(min-width: 769px)' ).matches) {　     
 var headerHight = 160;    
} else {     
 var headerHight = 80;     
}    
 $('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;     
 });     
});