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 

[kamilo818]

Moj sposób

[PHP] pobierz, plaintext 
	var href = $(location).attr('hash');
	if(href==""){
		href="#home";
	}
	$('a').css('color','');
	$('a[href="'+href+'"]').css('color','#ffffff');
 
	var $root = $('html, body');
	$('a').click(function() {
		var href = $.attr(this, 'href');
		$root.animate({
			scrollTop : $(href).offset().top
		}, 500, function() {
			window.location.hash = href;
			$('a').css('color','');
			$('a[href="'+href+'"]').css('color','#ffffff');
		});
 
		return false;
	});
[PHP] pobierz, plaintext