jQuery : ajouter une classe css à l'élément de menu basé sur navigateur scroller position

J'ai un menu:

  <ul class="menu-bottom">
  <li id="m1" class="active"><a id="1" href="#"><span>Link 1</span></a></li>
   <li id="m2"><a id="2" href="#"><span>Link 2</span></a></li>
   <li id="m3"><a id="3" href="#"><span>Link 3</span></a></li>
</ul>

Je veux que la fonction de navigateur barre de défilement, la position, la "active" classe va le corriger < li > élément.

C'est comment je le vois :

     if ($(document).height() == 500) {
$('#m1').parent().addClass('active').
siblings().removeClass('active');
}

     if ($(document).height() == 1000) {
$('#m2').parent().addClass('active').
siblings().removeClass('active');
}

     if ($(document).height() == 1500) {
$('#m2').parent().addClass('active').
siblings().removeClass('active');
} 

Je ne suis pas très familier avec jQuery Dimensions des propriétés si ce code n'a pas beaucoup de sens, mais j'espère que vous obtenez l'idée.

Si quelqu'un pouvait me dire comment faire ce travail, ce serait vraiment cool.

Merci 🙂

OriginalL'auteur b0nd | 2010-04-24