關於Facebook消息功能和滾動條技巧的問題

Question

查看Facebook的消息模塊。當你在看對話時，你會看到一個div中包含的消息列表。當您加載頁面時，該列表將「滾動到最後一條消息」。向上滾動（使用右側的滾動條）會在列表中向上，顯示較舊的消息。

試圖從代碼中剖析這件事並不是一件容易的事，至少對我來說不是件容易的事，但我注意到，包含您正在與之交談的人的名字和一些按鈕的標題具有樣式位置：固定。

如果有人可以提供關於如何完成此功能的一些見解或提供指向它的教程/解釋的鏈接，我會非常高興。

感謝

Answer 1

我還沒有看他們的代碼，但是我能想到的最簡單的答案是，主頁容器設置與position: fixed;和消息部分被簡單地定位爲在一個正常的元素頁。

這會給人一種錯覺，即當容器停留在原地時，滾動條僅在正常滾動頁面時才滾動消息部分。