jquery и прокрутка событий

Question

У меня есть 1 класс 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 (я) .addClass ("NewClass") не работают :) как я должен делать

Answer 1

пытаются использовать

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

DEMO