html - 关于 Facebook 的消息功能及其滚动条技巧的问题

标签 html css scrollbar positioning

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

试图从代码中剖析这一点并不是一件容易的事,至少对我来说不是,但我注意到包含与你交谈的人的名字的标题和一些按钮的样式为 position:fixed .

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

谢谢

最佳答案

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

这会给人一种错觉,即滚动条只滚动消息部分,而实际上页面正在正常滚动,只是容器保持在原位。

关于html - 关于 Facebook 的消息功能及其滚动条技巧的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6857730/

相关文章:

python - 在 tkinter 窗口上使用网格管理器时如何实现滚动条

html - 如何强制 Razor 不生成额外的 html 属性

c# - 我如何设置此文本的样式?

html - 为什么没有使用所有 100% 的 DIV?

qml - 如何将滚动条位置设置为最大?它不是文档中所述的 1.0

c++ - OnVScroll:是从CSpinButtonCtrl还是Vertical ScrollBar调用?

javascript - HTML/CSS : Display image at % screen width *up to* original width

html - 重复的 CSS3 横幅图像过渡

javascript - 如何获取当前点击链接的父链接?

css - Div 不创建高度