jQuery para cambiar el contenido en div basado en la posición de desplazamiento

Question

Estoy construyendo una página de blog en Wordpress y agregando una barra lateral que apunta a la publicación actual. Me gustaría completar esa barra lateral con la fecha de la publicación actual usando jQuery. Es solo una idea, así que no tengo ningún código. Pero funcionaría así:

medida que se desplaza por la página de la fecha (u otra información) cambiaría a partir del cual div estabas junto a. También tiene que funcionar en una configuración de blog, lo que significa que cada div puede tener una altura diferente.

¿Alguna idea?

Answer 1

No sé donde desea obtener la fecha de, así, sólo un ejemplo .. 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 a la derecha podría tener una posición fija o puede actualizar su posición absoluta en el bloque trabajando con scroll y resize eventos.