Разный фон при прокрутке разных секций — как сделать?

Отличное решение, спасибо большое!

Пожалуйста =)

Подскажите пожалуйста, а можно ли еще к этому делу прикрутить toogleclass для секций - то есть пока секция в зоне видимости - у нее класс active..крутим далее - класс удаляется ?

Александр Осадчий, обновил ответ, добавил метод setClassToggle для переключения класса

RAX7, Вы лучший, спасибо огромное!

RAX7, вы извините пожалуйста, но пользуясь случаем не могу спросить последний важный момент..

Могу ли я еще вот что спросить:

У меня при прокрутке страницы играют два цвета - насыщенно синий и белый

В общем, возможно ли еще (помимо класса active) к тегу body добавлять имя секции в виде класса?

Например
section class="sec_one active"

И на момент активности секции у body класс sec_one - это уж я вас прям замучил вопросами..но вдруг и это получится..еще раз спасибо огромное!!

Александр Осадчий, добавь для секций еще один data-атрибут и также с помощь setClassToggle переключай классы. Обновил ответ.

RAX7, Я даже не знаю, как вас благодарить - но вы очень круто помогли мне, огромнейшее спасибо вам!!!

RAX7, Блин...беда..там последнее решение поломало предпоследнее - класс active теперь не добавляется - что это может быть?

Александр Осадчий, как оказалось нельзя использовать несколько setClassToggle, переделал по другому. Сейчас вроде всё работает

RAX7, Мне уже и стыдно писать...снова глюк - класс актив добавляется, но не правильно - он сначала добавляется для каждой секции..то есть все секции с классом active, а при повторной прокрутке - удаляется поочередно у каждой секции(

Александр Осадчий, поправил, теперь вроде всё работает)

RAX7, Сори, сразу не отписался - последний вариант - он идеален, все просто супер - еще раз огромнейшее спасибо!!

Александр Осадчий, пожалуйста=)