Спрашиваю потому, что не нашел нигде нормального рабочего примера.. Пусть есть блок в середине и в конце страницы, В нем есть data-active="off", когда докрутишь до блока data-active должен переключить ON вместе OFF. Или как то проще можно сделать?
Вот так не работает
$('.js-monitor-scroll').each(function(){
var thisY = js-monitor-scroll.offset().top;
if (thisY <= (windowHeight * 0.85)) {
$('.js-monitor-scroll').attr('data-active', 'on');
}
else {
$('.js-monitor-scroll').attr('data-active', 'off');
}
});
HTML код
<br>`
<br>
<br>
<section class="js-monitor-scroll" data-active="off"></section>
<br>
<br>
<br>
<section class="js-monitor-scroll" data-active="off"></section>