Wie versetze ich meine automatische Bildlaufleiste?

Question

Ich muss meine Auto-Scroll-Funktion um etwa 50-100px versetzen, wenn es von einem Div zu einem anderen übergeht.

Das folgende Skript ist, was ich benutze. Wenn ich auf einen Link klicke, scrollt er mich sanft zum Anfang der zugehörigen Div.

Allerdings habe ich eine klebrige Kopfzeile an der Spitze meiner Website, so dass dies immer deckt die div Sie Übergang zu.

Gibt es trotzdem ich kann den Übergang auf die Spitze des div setzen, aber dann Offset von -100px?

Mein Code ist unten.

$(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 so von ihren Kommentar hier ist das, was Sie versuchen können:

$('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; 
});