Jqueryライブラリーを試用して、ナビゲーションをクリックしてふんわりとページ内リンク先へ移動するようにしたいのですが、ナビを含んだヘッダー部分を150pxほど固定表示している為、リンク先に行ったときにちょうど150px分あたまが隠れてしまいます。

リンク先のdivごとにmargin-top:150px; padding-top:150pxと各方法もあるようですが、そうすると普通にスクロールしたときに間が空きすぎてしまって見た目がよくないです。

どうしたら良いでしょう？ちなみにスクリプトはどこかからコピーしてきたものを使用してます。
jqueryを独学でやろうとしている初心者なので、どうぞお教えいただければ幸いです。

<script type="text/javascript">
$(function(){
$(’a[href^=#]’).click(function() {
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? ’html’ : href);
var position = target.offset().top;
$($.browser.safari ? ’body’ : ’html’).animate({scroll:position}, speed, ’swing’);
return false;
});
});
</script>