jQuery to change content in div based on scroll position

Question

I am building a blog page in Wordpress and adding a sidebar that points to the current post. I\'d like to fill that sidebar with the date of the current post using jQuery. I

Answer 1

I do not know where you want to get the date from, so, just an example.. 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 on the right could have a fixed position or you can update its absolute position in the block working with scroll and resize events.