jQuery kaydırma içeriğine göre div içindeki içeriği değiştirmek için

Question

Wordpress'te bir blog sayfası oluşturuyorum ve geçerli gönderiyi işaret eden bir kenar çubuğu ekliyorum. Bu kenar çubuğunu jQuery'yi kullanarak geçerli gönderinin tarihi ile doldurmak istiyorum. Bu sadece bir fikir çünkü bende hiç kod yok. Ama böyle işleyeceğine: Eğer yanında olduğumuzu div hangi

sayfayı tarihi (ya da diğer bilgi) aşağı kaydırma gibi

göre değişebilir olacaktır. Ayrıca her div'in potansiyel olarak farklı bir yükseklik anlamına geldiği bir blog ayarında çalışmak zorundadır.

Herhangi bir düşünce?

Answer 1

Ben, sadece bir örnek size gelen tarihi almak istediğiniz biliyorum, bu yüzden yok .. sağda http://jsfiddle.net/Nsubt/

$(window).on("scroll resize", function(){ 
    var pos=$('#date').offset(); 
    $('.post').each(function(){ 
     if(pos.top >= $(this).offset().top && 
      pos.top < $(this).next().offset().top) 
     { 
      // any way you want to get the date 
      $('#date').html($(this).html()); 
      return; //break the loop 
     } 
    }); 
}); 

$(document).ready(function(){ 
    $(window).trigger('scroll'); // init the value 
}); 
​ 

Div sabit pozisyon olabilir ya da onun mutlak pozisyonunu güncelleyebilir scroll ve resize olaylarıyla çalışmayı engelleyin.