вопрос
Есть сайт, состоящий из блоков разного цвета и блок который фиксирован.
Нужно сделать так, чтобы как только скролл подходит к началу блока, к фиксированному блоку применялось некое действие, например добавление/изменение класса.
Вот что на данный момент сделал, не получается задать условие окончания блока. Т.е есть "от куда", а "до куда" нет.
P.S Данный код просто цвет меняет, но не суть.
Если подумать, то конец блока это начало + его высота, т.е так:
topPadding - высота меню.
Нужна помощь в правильном составлении условия нахождения какого-либо блока.
Под блоком я имею ввиду простой идентификатор (#id).
Буду рад любой помощи.
Нужно сделать так, чтобы как только скролл подходит к началу блока, к фиксированному блоку применялось некое действие, например добавление/изменение класса.
Вот что на данный момент сделал, не получается задать условие окончания блока. Т.е есть "от куда", а "до куда" нет.
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).
Буду рад любой помощи.