Html 关于Facebook的问题'；s消息功能和it'；s滚动条技巧

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

试图从代码中剖析这一点并不容易，至少对我来说不容易，但我注意到，包含与您交谈的人的姓名和一些按钮的标题具有样式位置：fixed

如果有人能提供一些关于这个功能是如何实现的见解，或者提供一个关于它的教程/解释的链接，我将非常高兴

---

谢谢

我还没有看过他们的代码，但是我能想到的最简单的答案是主页容器设置为

位置：fixed和消息部分只是作为页面上的普通元素定位

这将产生一种错觉，即当页面按正常方式滚动时，滚动条仅滚动消息部分，而容器保持在原位