jquery - JQueryで要素の上/下に設定された距離までスクロールするにはどうすればよいですか?

Question

以下に示すリンクをクリックすると、ユーザーが #contactHeader 要素までスクロールします。私がやりたいことは、#contactHeader に直接ではなく、200px 上にスクロールすることです。要素の上に 200px までスクロールするように -200px チェックを実装するルールを追加する方法はありますか?

<li><a id="scrollToContact" href="#">&bull;</a></li>

$("#scrollToContact").click(function() {
            $('html, body').animate({
            scrollTop: $("#contactHeader").offset().top
        }, 1000);
    });

Answer 1

このoffset().topプロパティは整数を返すので、それを差し引くだけで、ページのより高い位置にスクロールできます。

$("#scrollToContact").click(function() {
    $('html, body').animate({
        scrollTop: $("#contactHeader").offset().top - 200
    }, 1000);
});

Answer 2

scrollTop: $("#contactHeader").offset().top -200