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

时间:2011-07-28 10:48:49

标签: html css scrollbar positioning

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

尝试从代码中剖析这个并不是一件容易的事,至少对我来说不是这样,但我注意到包含你正在谈话的人的名字和一些按钮的标题具有样式位置:修复

如果有人可以提供一些关于如何完成此功能的信息,或者提供教程/解释的链接,我会非常高兴。

谢谢

1 个答案:

答案 0 :(得分:1)

我还没有看过他们的代码,但我能想到的最简单的答案是主页面容器设置为position: fixed;,而消息部分只是作为页面上的普通元素定位。

这会让人觉得滚动条仅在页面正常滚动时滚动消息部分,只是容器保持原位。