粘性物品,跟随div

时间:2012-04-26 16:51:27

标签: jquery scroll

好吧,问题。我想,这个(见下面的演示链接)深灰色框(它将是图像的占位符)出现并滚动,而用户正在阅读长篇文章,但是当用户到达下一篇文章时,这个前一个框就在那里,它在哪里,下一个框开始滚动,依此类推。

现在,我可以管理第一个框以某种方式滑动,但是这个html中的所有这些框也会滑动。

所有,我需要的是小jquery增强,以使其工作。

就是这样,我到目前为止所做的http://jsfiddle.net/yG5Gy/

以及它自己的基本javascript:

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

谢谢,

/罗布

1 个答案:

答案 0 :(得分:0)

您的问题的关键是您正在使用具有多个结果的类选择器。您需要使用每种方法单独操作每个帖子:

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