Javascript 固定div的内容会随着其他div的滚动而改变

我试图在版面顶部修复一个div，其中包含博客文章的信息（发布日期、注释、永久链接等），并在向下滚动过去的文章时更改此信息。我不确定它是否需要任何类型的javascript，或者只是使用css进行一些复杂的定位。以下是我将如何布置帖子。当帖子滚动经过固定div时，如何从每个帖子中获取要更改的特定帖子信息

#container {
    width: 960px;
    margin: 0px auto;
}

#changingpostinformation {
    position: fixed;
    margin: 0px auto;
}

<div id="container">

    <div id="changingpostinformation">fixed post information div that's information changes as each post below reaches the top of #container</div>

        <div class="post">
            <h3>Post Title>
            <p>This is the body of this example post.</p>
        </div>

        <div class="post">
            <h3>Post Title>
            <p>This is the body of this example post.</p>
        </div>

    </div>

#容器{
宽度：960px；
保证金：0px自动；
}
#变化后信息{
位置：固定；
保证金：0px自动；
}
fixed post information div，当下面的每个帖子到达#容器顶部时，其信息会发生变化
帖子标题>
这是本文的主体部分

帖子标题>
这是本文的主体部分

使用此CSS：

#changingpostinformation {
    position: fixed;
    top: 0px;
}

---

正如@shankarsangli所说，您应该添加

top:0，也
左：0
至
#更改POST信息
（或其他值，以按您的喜好对其进行定位）

你需要一些javascript来找出哪个帖子首先出现在页面上并显示其信息

$（函数（）{
$（窗口）.bind（'load resize scroll'，function（）{
var doctop=$（'body'）.scrollTop（）；
//从上到下在所有柱子上打圈
$（'.post'）。每个（函数（）{
if（$（this）.position（）.top>doctop）{
将postinfo放入固定的div（$（此））；
return false；//从循环中断
}
});
});
});

加载页面时，以及调整窗口大小或滚动窗口时，此函数运行一次

您需要实现
put\u postinfo\u in\u fixed\u div（）
，它获取一个post div，“changingpostinformation”分区目前已经保存了每个帖子的帖子信息——只需让它根据当前帖子的内容提供正确的信息即可。我的代码调用
将帖子信息放入固定的帖子分区中
并传递第一个可见的帖子分区（作为jquery对象）。您应该实现这个函数来做任何您需要的事情。