Получить позицию каждого элемента

Question

$(function(){ 
 

 
    var $animatedEls = $(".marked"); 
 

 
    $(window).scroll(function(e) { 
 

 
      var offset = 0; 
 

 
      $.each($animatedEls, function(i, item) { 
 

 
       offset = $(item).offset().top; 
 

 
       console.log($(item).offset()); 
 

 
      }); 
 

 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2> 
 
<div>...</div> 
 
<h2 class="marked">This sucks.</h2>

Я пытаюсь получить позицию некоторых соответствующих элементов при прокрутке. Выходные данные, тем не менее, одинаковы для каждого элемента.

Выход:

Object {top: 2480, left: 0} 
Object {top: 2480, left: 0} 
Object {top: 2480, left: 0} 

Почему смещения одинакова для каждого элемента? Значения также меняются при прокрутке.

EDIT: Хорошо. Фрагмент работает здесь, но не на моем сайте. Очень раздражает.

Answer 1

Проблема заключается в использовании .each.

Следует использовать так:

var $animatedEls = $('.marked'); 

     $(window).scroll(function(e) { 

      $.each($animatedEls, function(index, item) { 
       console.log($(item).offset()); 
      } 

     }