У меня два способа. Либо добавлять класс DOM элементу с помощью название_элемента.classList.add/remove/toggle
Либо напрямую писать название_элемента.style.color = "green"
Можете попробовать выучить ScrollMagic.
При адаптиве будет меняться значение скрола, а ScrollMagic работает не по единицам, а когда, собственно доскролят до элема
Скачать можете на официальном сайте. После чего конвертите через font2web, Перекидываете в папку и в текстовых документах ищите font-face, ну, и используете по назначению, еще можно менять название в коде для удобного успользования