Comment creer un menu avec un changement de style automatique .

Bonsoir à tous.
J'aimerai creer un menu qui changerai de style en fonction du défilement dans la page web. j'aimerai que mon menu soit placé par exemple dans le flux en dessous de div contenant des images (par exemple).
Donc il situerait au milieux de la page au chargement.
Et lorsque je descend dans ma page (avec avec ma barre de défilement , scroll vertical)au moment ou menu se retrouve en haut de ma fenetre navigateur il passe donc position "fixed" pour ensuite rester comme cela jusqu'a mon pied de page et lorsque je remonte dans ma page, à partir du meme point que précédement il retrouve sa position. Dans le flux je sais que l'on peux changer les feuilles css avec du javascript ou jquery je recherche donc la manip qui me permettrait d'effectuer le test. pour déclencher ce chgt.

sur le onscroll de la page il faudra détecter le scrollTop du body ou de l'element conteneur et modifier les style de ton menu en conséquence.