ScrollSpy przesuwa za daleko

Question

Witam!

Navbar na mojej stronie nie ustawionego height na sztywno, jest to wartość dynamiczna zależna od wielkości tekstu w logo i menu. Problem polega na tym, że scrollSpy scrollując stronę, ustawia wybraną sekcję przy samej krawędzi okna zamiast przykleić ją do spodu navbara. W tej chwili muszę do każdej sekcji dodawać padding z góry i nieestetycznie to wygląda. Tutaj kod skryptu w JS: 

function scrollSpy() 
{
    var sections = ['section1', 'section2', 'section3'];
    var current;
    for (var i = 0; i < sections.length; i++) 
    {
        if ( $('#'+sections[i]).offset().top <= $(window).scrollTop() ) 
        {
            current = sections[i];
        }
    }
    $(".navbar-nav a[href='#"+current+"']").addClass('active');
    $(".navbar-nav a").not("a[href='#"+current+"']").removeClass('active');      
}

// smooth scrolling navigation
$(".navbar-nav a").click(function(){
    var target = $(this).attr("href");
    $("body, html").animate({
      scrollTop: $(target).offset().top
    }, 800);
    return false;
});
    
//scrollSpy call
$(document).ready(function(){
    scrollSpy();
});
$(window).scroll(function(){
    scrollSpy();
});

Jeśli ktoś ma jakiś pomysł to bardzo proszę o pomoc.

Pozdrawiam! ;)