получить координаты элемента
https://learn.javascript.ru/coordinates
Далее через window.onscroll сравниваем, входит ли элемент в видимость области браузера и накидываем класс,
при промотке класс можно снова убирать.
Простейший пример
https://ru.js.cx/task/avatar-above-scroll/solution/ 
