jQuery do zmiany zawartości w div na podstawie pozycji przewijania

Question

Buduję stronę blogu w Wordpress i dodając pasek boczny, który wskazuje na bieżący post. Chciałbym wypełnić ten pasek z datą bieżącego postu za pomocą jQuery. To tylko pomysł, więc nie mam żadnego kodu. Ale to działać tak:

Jak przewinąć stronę w dół datę (lub inne informacje) zmieniłaby na podstawie których dział byłaś obok. Musi też działać w ustawieniach bloga, co oznacza, że ​​każdy element div może mieć inną wysokość.

Jakieś myśli?

Answer 1

Nie wiem, gdzie chcesz, aby uzyskać datę z, tak, tylko przykład .. 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 na prawo może mieć ustaloną pozycję lub można zaktualizować swoją absolutną pozycję w blokowanie pracy ze zdarzeniami scroll i resize.