jQuery根据滚动位置更改div中的内容

我正在Wordpress中创建一个博客页面，并添加一个指向当前文章的侧栏。我想使用jQuery将当前帖子的日期填入侧栏。这只是一个想法，所以我没有任何代码。但它的功能是这样的：

当你向下滚动页面时，日期（或其他信息）会根据你旁边的div而改变。它还必须在博客环境中工作，这意味着每个div可能具有不同的高度

---

有什么想法吗？

我不知道你想从哪里得到日期，所以，举个例子

$（窗口）.on（“滚动调整大小”，函数（）{
var pos=$（“#日期”）.offset（）；
$（'.post'）。每个（函数（）{
如果（pos.top>=$（此）.offset（）.top&&
pos.top<$（此）.next（）.offset（）.top）
{
//你想知道日期吗
$（'#date'）.html（$（this.html（））；
return；//中断循环
}
});
});
$（文档）.ready（函数（）{
$（window）.trigger（'scroll'）；//初始化值
});
​

---

右边的Div可以有一个固定的位置，或者你可以使用

滚动
和
调整大小
事件来更新它在块中的绝对位置。
你是否有存储在任何地方的日期信息，或者只想从顶部开始计数？我将使用wordpress，因此我将从每篇文章中获取信息。比如日期、作者等等。Cherry，这个def让我走上了正确的轨道！我将把日期写在帖子描述中，我将简单地从中提取出来。回答得好！迫不及待地尝试它。$（文档）.ready（函数（）{$（窗口）.trigger（'scroll'）；//初始化值}）；这是不必要的。你能解释一下我怎么做$（'#date'）.html（$（this.html（））；当页面被重新加载到某个位置时。我的意思是它工作得很好，但是当我重新加载被滚动的页面时，它会接受第一个值，而你不会滚动到另一个值。post@RooticalV. 触发滚动不起作用吗？我正在做类似的事情。谢谢。很好的解决方案。
$(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
});
​