Как при скроле добавить класс?

Question

[Сергей Кравченко]

Всем добрый день. Помогите правильно дописать скрипт. Нужно что бы при скролле к каждому элементу с классом w0 добавлялся класс w100 . Я написал вот такое

$(document).ready(function(){
    var h = $(window).height();
    $(window).scroll(function(){
        if ( ($(this).scrollTop()+h) >= $(".w0").offset().top) {
            $('.w0').addClass('w100')
        }
    })
});

но оно как только я добираюсь до первого элемента w0 добавляет сразу ко всем элементам с таким классом класс w100 , а надо чтобы добавило только к тому к которому я добрался. Спасибо за помощь

Answer 1

[Cyber_bober]

Как-то так можно, там уже под себя допилить

$(window).scroll(function() {
        $('.w0').each(function(){
        var w0Pos = $(this).offset().top;
 
        var topOfWindow = $(window).scrollTop();
            if (wPos < topOfWindow+600) {
                $(this).addClass("w100");
            }
        });
    });

Answer 2

[Pshkll]

$(this).addClass('w100');