2012-04-26 54 views
1

Okey,问题。我想,当用户阅读长篇文章时,会出现这个(请参阅下面的演示链接)暗灰色框(它将成为图像的占位符)并滚动,但当用户到达下一篇文章时,它在哪里,下一个框开始滚动,等等。粘性物品,跟随div

现在,我可以管理第一个盒子以某种方式滑动,但所有这些盒子,这是在这个HTML,也滑动。

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

这里是什么我做了到现在为止http://jsfiddle.net/yG5Gy/

除了基本的JavaScript它的自我:

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

感谢,

/罗布

+2

Hello Rob,您可以在问题以及演示链接中发布适用的代码。永远记住,jsFiddle与StackOverflow没有关联,如果它决定关闭你的问题将不再有用的社区。 – rlemon 2012-04-26 16:54:12

回答

0

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

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

感谢您的想法,但我不知道,如何使用它。我总是在理解这个.each()是如何工作的时候遇到问题...... – Rozkalns 2012-04-26 17:42:09

+0

当你使用$(“。entry”)时,你会得到一个入口项的集合。在函数内部处理的任何内容都将无法访问任何特定条目类项目中的单个元素。通过使用.each(),你循环遍历每个匹配的元素,它可以作为变量$(this)使用。 – CashIsClay 2012-04-26 17:49:12

+0

Okey,我会试图弄明白,但如果不是,我会回来寻求帮助:) – Rozkalns 2012-04-26 17:54:29