Obecnie koduję swoją pierwszą stronę typu "One-Page". Mam jednak pewien problem.
Mianowicie menu nie jest zgrane z zakładką która jest obecnie otwarta na stronie.
Link do strony
Zapewne, a raczej na pewno wszystko spowodowane jest tym, że w kodzie js odpowiedzialnym za "przenoszenie" do odpowiedniej zakładki cała zawartość jest przesuwana o 70px, po to, aby właśnie zakładki ustawiały się poprawnie (nie za wysoko) tutaj cały kod pliku:
//jQuery to collapse the navbar on scroll $(window).scroll(function() { if ($(".navbar").offset().top > 70) { $(".navbar-fixed-top").addClass("top-nav-collapse"); $("ul#ulmenu").removeClass("nav-pills nav-stacked span2 rotate"); $("ul#ulmenu").addClass("nav navbar-nav"); $("li#bind1").addClass("collapsed-a"); $("li#bind2").addClass("collapsed-a"); $("li#bind3").addClass("collapsed-a"); } else { $(".navbar-fixed-top").removeClass("top-nav-collapse"); $("ul#ulmenu").removeClass("navbar-nav"); $("ul#ulmenu").addClass("nav-pills nav-stacked span2 rotate"); $("li#bind1").removeClass("collapsed-a"); $("li#bind2").removeClass("collapsed-a"); $("li#bind3").removeClass("collapsed-a"); } }); //jQuery for page scrolling feature - requires jQuery Easing plugin $(function() { $('.page-scroll-active a').bind('click', function(event) { var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anchor.attr('href')).offset().top - 70 }, 1500, 'easeInOutExpo'); event.preventDefault(); }); }); $('.carousel').carousel();
Wchodząc na stronę którą podałem na początku i klikając pozycję "OFERTA" widać, że menu pozostaje nadal na aktywnej "Stronie głównej", jednak jeśli zjedziemy właśnie około 70px w dół, widać, że menu przeskakuje. Moje pytanie jest zatem takie, czy można w jakiś sposób "oszukać" przeglądarkę, mówiąc jej, że jest 70px niżej od jej faktycznej pozycji, albo w jakiś inny sposób naprawić problematyczne menu?
Pozdrawiam i z góry dziękuję za pomoc
