Facebookのメッセージ機能とそのスクロールバーに関する質問

Question

Facebookのメッセージモジュールを見てみましょう。会話を見ているときは、divに含まれるメッセージのリストが表示されます。ページを読み込むと、リストは「最後のメッセージまでスクロールされます」。右にスクロールバーを使用してスクロールアップすると、リストの上に移動し、古いメッセージを表示します。

コードからこれを解読しようとするのは、少なくとも私にとっては難しいことではありませんが、あなたが話している人の名前といくつかのボタンのヘッダーにスタイルの位置が含まれていることがわかりました。一定。

誰かがこの機能の仕組みについていくつかの洞察を提供したり、チュートリアル/説明へのリンクを提供してくれたら、とても嬉しいです。私は自分のコードを見て持っていなかった

おかげ

Answer 1

は、しかし、私は考えることができる最も簡単な答えは、メインページのコンテナがposition: fixed;で設定され、メッセージ部分が単純に通常の要素として配置されているということですページ。

これは、スクロールバーが実際にページが通常どおりスクロールしているときだけメッセージ部分をスクロールするという錯覚を与えます。コンテナはそのままです。