Важные предметы, которые соответствуют divs

Question

Okey, проблема. Я хочу, чтобы это (см. Демонстрационную ссылку ниже) появилось темно-серое окно (которое будет заполнителем для изображения) и прокручивается вперед, в то время как пользователь читает длинную запись, но когда пользователь достигает следующей статьи, это предыдущее поле просто держится там, где он находится, и следующий флажок начинает прокручиваться вперед и так далее.

Теперь я мог бы управлять тем, что первая коробка как-то скользит вдоль, но все эти поля, которые находятся в этом html, тоже скользят.

Все, что мне нужно, немного улучшено jquery, чтобы оно работало.

Вот что, что я сделал до сих пор http://jsfiddle.net/yG5Gy/

А также, основной яваскрипта по себе:

$(".content").bind("scroll", function() { 
    if ($(".content").scrollTop() + 275 <= $(".post_text").height()) { 
     $(".post_img").css("top", $(".content").scrollTop()); 
    } 
});​ 

Спасибо,

/Rob

Answer 1

Ключ к вашей проблеме является то, что вы используете селектор классов с несколькими результатами. Вам нужно будет использовать каждый метод для управления каждым почтовым отправлением индивидуально:

$("li.entry").each(function(){ 
    // This will select only the image within the currently looped entry div 
    $(this).find(".post_img"); 
}