One Page i aktywna sekcja Opcje

[Vertisan]

Mam stronę typu one/single page, czyli wszystko na jednym.

Udało mi się zrobić płynne 'przejeżdżanie' do konkretnych kotwic, ale mam inny problem.

Otóż chciałbym, żeby aktualizowało się menu, np. tak jak tutaj: http://tobiashaeusler.de/

Tj. klikam na Kontakt, to przejedża mi do sekcji "kontakt" i w menu to Kontakt dostaje klasę "active".

Kod JS tego przewijania:

[HTML] pobierz, plaintext 
    function scroll_to(selector) {
      $('html,body').animate({scrollTop: $(selector).offset().top}, 1000);
      return false;
    } 
[HTML] pobierz, plaintext 

i menu:

[HTML] pobierz, plaintext 
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="java script:void();" onclick="scroll_to('#home');">STRONA GŁÓWNA (obecna)</a></li>
            <li><a href="java script:void();" onclick="scroll_to('#o-mnie');">O MNIE</a></li>
            <li><a href="java script:void();" onclick="scroll_to('#portfolio');">PORTFOLIO</a></li>
            <li><a href="java script:void();" onclick="scroll_to('#kontakt');">KONTAKT</a></li>
          </ul>
[HTML] pobierz, plaintext