menu reagujące na przewijanie strony Opcje

[kwiecia]

Mam stronę podzieloną na dwie kolumny (div-y). W lewej znajduje się menu wypozycjonowane na fixed, w prawej cała treść strony podzielona na pewne partie. Menu działa na zasadzie odsyłaczy do konkretnego miejsca w treści prawej kolumny. Czyli to taka typowa "single-page website".

I tutaj moje pytanie. Jak sprawić, żeby po ręcznym zjechaniu scrollem do danego miejsca w prawej kolumnie, odpowiednia pozycja menu zyskiwała klasę "active". Tak żeby menu pokazywało, która część treści jest aktualnie pokazywana.

Z góry dziękuję za wszelkie rady i wskazówki. Pozdrawiam

[kwiecia]

Dziękuję bardzo (IMG:style_emoticons/default/smile.gif)

Napotkałam jednak na pewien niezrozumiały dla mnie problem. Kiedy wybieram coraz niższe pozycje z menu, to wszystko działa ok i klasa 'active' usuwa i dodaje się tak jak powinna. Ale gdy jestem na pozycji niższej i próbuję jechać w górę, nic się nie dzieje. Klasa 'active' zostaje na stałe przy najniższej pozycji menu która była odsłonięta. Poniżej kod a tutaj LINK DO STRONY.

[HTML] pobierz, plaintext 
 
<ul id="menu">
	<li><a href="#ludzie" id="ludzieli">ludzie</a></li>
	<li><a href="#miejsca"id="miejscali">miejsca</a></li>
	<li><a href="#przedmioty"id="przedmiotyli">przedmioty</a></li>
	<li><a href="#wydarzenia"id="wydarzeniali">wydarzenia</a></li>
	<li><a href="#omnie" id="omnieli">o mnie</a></li>
	<li><a href="#kontakt"id="kontaktli">kontakt</a></li>
</ul>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$('#wydarzeniadiv').appear(function() {
	$('#menu li a').removeClass('active');
	$('#wydarzeniali').addClass('active');
});
 
$('#ludziediv').appear(function() {
	$('#menu li a').removeClass('active');
	$('#ludzieli').addClass('active');
});
 
// i tak dalej...
[JAVASCRIPT] pobierz, plaintext