Как менять стили прилипающего блока после того, как при скролле он пройдёт через определенный блок?

Question

[Арсений]

Есть страничка, с прилипающем при скролле блоком sticky-element . Можно ли как то во время скролла, как только прилипающий блок пройдёт весь блок sticky-container, добавлять к sticky-element класс?

<div class="container">
  <div class="block"></div>
  <div class="sticky-container">
    <div class="sticky-element">Прилипающий блок</div>
    <! -- после того как этот блок будет проскроллен, к sticky-element надо добавлять класс -->
    <div class="something-content"></div>
  </div>
  <div class="block"></div>
  <div class="block"></div>
</div>

Вот ссылка с тем же самым примером кода:
https://jsfiddle.net/arsenij00/4n3j1r2t/17/

Comments

[n1ksON]

Как вариант, можно высчитать высоту до элемента + сам элемент, который нужно пройти. После чего использовать стандартный if, с условием, что если scrollTop >= значения, то добавить определённый класс.