粘性物品，跟隨div

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()); 
    } 
});

感謝，

/羅布

來源

2012-04-26 Rozkalns

Hello Rob，您可以在問題以及演示鏈接中發佈適用的代碼。永遠記住，jsFiddle與StackOverflow沒有關聯，如果它決定關閉你的問題將不再有用的社區。 – rlemon 2012-04-26 16:54:12

的關鍵你的問題是你正在使用具有多個結果的類選擇器。您需要使用每種方法分別操作每個帖子：

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

來源

2012-04-26 17:20:44 CashIsClay

感謝您的想法，但我不知道，如何使用它。我總是在理解這個.each（）是如何工作的時候遇到問題...... – Rozkalns 2012-04-26 17:42:09

當你使用$（「。entry」）時，你會得到一個入口項的集合。在函數內部處理的任何內容都將無法訪問任何特定條目類項目中的單個元素。通過使用.each（），你循環遍歷每個匹配的元素，它可以作爲變量$（this）使用。 – CashIsClay 2012-04-26 17:49:12

Okey，我會試圖弄明白，但如果不是，我會回來尋求幫助:) – Rozkalns 2012-04-26 17:54:29

粘性物品，跟隨div

回答

相關問題