关于Facebook消息功能和滚动条技巧的问题

Question

查看Facebook的消息模块。当你在看对话时，你会看到一个div中包含的消息列表。当您加载页面时，该列表将“滚动到最后一条消息”。向上滚动（使用右侧的滚动条）会在列表中向上，显示较旧的消息。

试图从代码中剖析这件事并不是一件容易的事，至少对我来说不是件容易的事，但我注意到，包含您正在与之交谈的人的名字和一些按钮的标题具有样式位置：固定。

如果有人可以提供关于如何完成此功能的一些见解或提供指向它的教程/解释的链接，我会非常高兴。

感谢

Answer 1

我还没有看他们的代码，但是我能想到的最简单的答案是，主页容器设置与position: fixed;和消息部分被简单地定位为在一个正常的元素页。

这会给人一种错觉，即当容器停留在原地时，滚动条仅在正常滚动页面时才滚动消息部分。