Legen Sie eine Pixelentfernung vom oberen Rand der Seite beim Scrollen zu Element

Question

Ich benutze den folgenden jQuery-Code, um zwischen Elementen auf meiner Seite von einer festen Navigationsleiste an der Spitze zu scrollen, akzeptieren, dass einige Text oben verschwindet hinter meiner Navigationsleiste. Wie kann ich diesen Code so ändern, dass er nur bis zu einer bestimmten Entfernung von oben (Höhe meiner Navigationsleiste) der Seite scrollt?

$(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

Wenn Sie nicht wollen, den ganzen Weg nach oben zu bewegen, können Sie einfach die Sie brauchen, um den Stattdessen op scrollTop

var height = //<distance to top>; 
$('html, body').stop().animate({ 
    'scrollTop': $target.offset().top + height 
}, 900, 'swing', function() { 
    window.location.hash = target; 
});