Как менять цвет пунктам меню при скролле?

возник такой вопрос. Есть фиксированное меню слева http://prntscr.com/rwkdk8 (на фото одно и тоже меню, показаны разные состояния), main белого цвета, а footer темный на сайте. Соответственно пункты меню на main должны быть черного цвета, а когда пользователь доскролил до футера и меню залезло на футер, они должны становиться белыми. Но вот вопрос в следующем: у меня 4 пункта меню. Допустим, один из них уже на футере, а три других еще на main , то есть чтобы последний пункт было видно, мне надо чтобы он уже стал белым, а три других были еще черными. Как это сделать? И делают ли так вообще?