Animation au scroll suivant la position d'une div

Bonjour à tous!

Je pense que tout est dit dans le sujet :

j'aimerai que suivant la position du scroll les li de mon menu reste en surbrillance.
j'ai déjà fais un test qui marche mais qu'en fonction d'un valeur déjà donnée :

 $(function () {
        $(window).scroll(function (e) {

            if ($(this).scrollTop() < 500 ) {

            	$("#home").css("background-color","red"); 
            }else{
            	$("#home").css("background-color","rgba(0,0,0,0.4)"); 
            }
        });
    });

avec ce code la li qui a pour id "home" reste bien en surbrillance mais le problème c'est que j'aimerai que ce sois par rapport à un élément de mon html pas avec une valeur en dur comme "500" car suivant la taille de l'écran cela ne marche pas vraiment bien

ma question est comment peut on récupérer la valeur d'une div et dire si le scroll et à cette div alors tu met en surbrillance ma li et une fois dépassé cette div tu t'éteint ?

merci d'avance de vos réponses