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

jQuery#Appear

Dziękuję bardzo

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 

Musisz przekazać w drugim parametrze obiekt z opcjami, czyli:

[JAVASCRIPT] pobierz, plaintext 
$('#ludziediv').appear(function() {
	$('#menu li a').removeClass('active');
	$('#ludzieli').addClass('active');
}, {one : false}); // one to jest opcja default na true która mówi by appear odpalił się tylko raz ;)
[JAVASCRIPT] pobierz, plaintext 

Ogólnie mogłabyś zrobić do tego jedną funkcję

1. Nadać tym div'om co menu na nie reaguje jedną klasę i wtedy tylko:

[JAVASCRIPT] pobierz, plaintext 
$('.klasa').appear(
function()
{
    $('#menu a').removeClass('active');
    $('#menu a').get( $(this).index() ).addClass('active');
},
{ one : false}
);
[JAVASCRIPT] pobierz, plaintext 

Nie testowałem + pisane z palca ;P