javascript - jquery 和事件滚动

Question

我有一个包含各种元素的 html 类，我想在第一个元素中添加一个类新类，该元素滚动到顶部到达该元素的顶部，然后当滚动到第二个时也添加第二个，依此类推。我试过了

var element = $(".element"); 
        $(window).scroll(function () {
            var scroll = $(window).scrollTop();
            for(var i = 0; i < element.length;i++){
                if(scroll > element.eq(i)){
                    element.eq(i).addClass("newClass");
                }
   }
})

html 片段

<div>
    <div class="element">
        <img src="img/image1" />
    </div>
    <div class="element">
        <img src="img/image2" />
    </div>
    <div class="element">
        <img src="img/image3" />
    </div>
</div>

但是这行 element.eq(i).addClass("newClass") 不起作用 :) 我应该怎么做

Answer 1

尝试使用

if(scroll > element.eq(i).offset().top - ($(window).height() / 2) ){
    element.eq(i).addClass("newClass");
 }

DEMO