看看 Facebook 的消息模块。当您查看对话时,您会看到包含在 div 中的消息列表。当您加载页面时,该列表“向下滚动到最后一条消息”。向上滚动(使用向右的滚动条)会在列表中向上滚动,显示较旧的消息。
试图从代码中剖析这一点并不是一件容易的事,至少对我来说不是,但我注意到包含与你交谈的人的名字的标题和一些按钮的样式为 position:fixed .
如果有人可以提供一些关于如何完成此功能的见解或提供指向它的教程/解释的链接,我将非常高兴。
谢谢
最佳答案
我没有看过他们的代码,但是我能想到的最简单的答案是主页容器设置为 position: fixed;
并且消息部分简单地定位为页面上的普通元素。
这会给人一种错觉,即滚动条只滚动消息部分,而实际上页面正在正常滚动,只是容器保持在原位。
关于html - 关于 Facebook 的消息功能及其滚动条技巧的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6857730/