オートスクロールをどのようにオフセットできますか？

Question

1つのdivから別のdivに遷移するたびに、私のオートスクロール機能を約50-100pxオフセットする必要があります。

以下のスクリプトは私が使用しているものです。リンクをクリックすると、スムーズにスクロールして関連するDivの一番上に移動します。

しかし、私は自分のサイトの上部にスティッキーヘッダーを持っているので、これは常にあなたが移行するdivをカバーします。

とにかく私はdivの先頭に移動するように設定できますが、-100pxでオフセットしますか？

私のコードは以下の通りです。あなたのコメントから

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

    var target = this.hash; 
    var $target = $(target); 

    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
}); 
}); 

Answer 1

[OK]をので、ここであなたが試すことができるものです。

$('html, body').stop().animate({ 
     'scrollTop': ($target.offset().top - 100) // 100 is hard coded though you can make it dynamic if you know identifier of your sticky div like so: ($target.offset().top - $("#sticky-div").outerHeight()) 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
});