Détection au scroll de zone survolé par un élément fixe

Bonjour,

Je cherche un conseil sur une partie de développement front-end avec du JS.

Voici mon problème :

J'ai un rectangle de fond blanc fixé en bas de la fenêtre du navigateur.

En scrollant, ce rectangle traverse des sections remplies soit de texte (fond blanc) ou d'image (fond gris) de hauteur variable.

J'aimerais que mon rectangle change de couleur de fond en fonction de la section qui est survolé par lui même.

Voici un bout de code pour illustrer
http://codepen.io/eddyTournier/pen/eNYvja

Merci!

salut,
le but est que ce carré prenne la couleur des sections qu'il survole ? Ou y'a un truc qui m'échappe ?
Si tu veux juste détecter la section "visible", tu dois surveiller les coordonnées verticales de l’ascenseur tout simplement lors de l'évènement "scroll".

Par exemple le rectangle doit avoir un fond noir en survolant une zone de texte.

Si j'ai bien compris sur la position du scroll sur les éléments
- je stock toutes les coordonnées dans un tableaux
- dés que je scroll je parcours tout mon tableau pour savoir dans quel cas je suis ?

Tout simplement. À chaque scroll tu fais une boucle qui compare la position du scroll à celles des éléments que tu as repéré et tu agis en conséquence.