IDによる要素のオフセットでScrollTopを実行します

Question

ブラウザにオフセットを追加した特定のIDまでスクロールさせようとしています-

$('html, body').animate({scrollTop: $('#contact').offset().top}, 'slow');

オフセットを-100pxに設定する必要があります。どうすればこれを達成できますか？

Answer 1

魔法は関係なく、要素のオフセット上部から差し引くだけです

$('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');

Answer 2

var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top;   
if (!isNaN(top)) {
$("#app_scroler").click(function () {   
$('html, body').animate({
            scrollTop: top
        }, 100);
    });
}

このように上に値を追加する特定のdivから少し上または下にスクロールしたい場合.....私は800を追加するように

var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top + 800;