[OneScrollPage] Menu nie zgrane z daną pozycją. Opcje

[Slide]

Witam wsztystkich i proszę o pomoc.

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:

[HTML] pobierz, plaintext 
//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();
[HTML] pobierz, plaintext 

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 (IMG:style_emoticons/default/smile.gif)

[SmokAnalog]

Moim zdaniem lepiej by było, gdyby za aktualną zakładkę uznawana była ta, która zajmuje więcej niż połowę ekranu, a nie ta, która jest widoczna od dołu chociażby w jednym pikselu wysokości.

A co do Twojego problemu, to czysta arytmetyka - jak sam zauważyłeś, musisz brać pod uwagę, że przestrzeń robocza jest zajęta w pewnym stopniu przez menu na górze.

[Slide]

Dziękuję za wskazówkę, ale czy mógłbyś mi podpowiedzieć jak tego dokonać? Nie jestem na tyle biegły w jQuery (IMG:style_emoticons/default/smile.gif)

[by_ikar]

W jquery aby pobrać pozycje danego elementu względem innych elementów, następnie pobrać wysokość okna przeglądarki, podzielić ją na pół. Może to na przykład wyglądać tak: http://jsfiddle.net/MU9ae/1/

[Slide]

Super!
Dziękuję bardzo za pomoc (IMG:style_emoticons/default/biggrin.gif)


Ten post edytował Slide 24.07.2014, 23:45:03