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! ;)