При скролле менять/добавлять класс элементу

Есть сайт, состоящий из блоков разного цвета и блок который фиксирован.
Нужно сделать так, чтобы как только скролл подходит к началу блока, к фиксированному блоку применялось некое действие, например добавление/изменение класса.

Вот что на данный момент сделал, не получается задать условие окончания блока. Т.е есть "от куда", а "до куда" нет.

if ($window.scrollTop() > bl2.offset().top - topPadding) {
            header.css('background-color', '#8B4726');
        } else { header.css('background', '#FFE4C4'); }

P.S Данный код просто цвет меняет, но не суть.

Если подумать, то конец блока это начало + его высота, т.е так:

bl1.offset().top-topPadding+bl1.height()

, тогда как составить условие: Если скролл от начала и до конца блока, то применим...что-то и т.д Таких блоков около 6.

topPadding - высота меню.

Нужна помощь в правильном составлении условия нахождения какого-либо блока.
Под блоком я имею ввиду простой идентификатор (#id).

Буду рад любой помощи.

Источник:dle-faq.pro, DLE

Перейти на сайт

При скролле менять/добавлять класс элементу

Похожие новости