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

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

Вот что на данный момент сделал, не получается задать условие окончания блока. Т.е есть "от куда", а "до куда" нет.
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
  • Оцените публикацию
  • 0

Похожие публикации

@
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив публикаций