Ребята помогите плз.
на проекте есть примерно такая вёрстка (тут упрощённая).
https://codepen.io/tispartaaaa/pen/YJEpWL
Одна из секций обведена красным бордером.
Нужно добавить любой класс когда мы доскролливаем до этой секции.
Если бы это была простая вёрстка и в ней не было контейнеров с overflow: scroll; как в этом примере, то я б справился. Уже делал так всякими offsetTop. Но тут не выходит. Не могу понять изменение какого свойства этой секции нужно отслеживать что бы добавлять класс.
В белом диве слева сверху выводится offsetTop красной секции, но он всегда равен одному и тому же значению. Не меняется при скролле. Соответвтвенно не могу понять как отследить момент когда мы доскролливаем до этой секции.
Как правильно сделать?
Спасибо!