Twitterのように、カーソルが要素外にある時でもスクロールできるようにしたい

Question

アイデアが浮かばないため、相談したいです。

実現したいこと

https://gyazo.com/9c3f48f93e876666b2f5b73b244f75eb
少しみづらいですが、Twitterではカーソルがタイムラインの外にあるときでもタイムラインだけをスクロールできます

現状

https://gyazo.com/5633d1eda0c0efc81de2c11b22613633
現在Twitterのようなものを作っていますが、タイムラインにあたるコンポーネントにカーソルがのっているときしかスクロールできません。
現状画面の右半分はPostコンポーネント（投稿一覧）によって占められていて、左半分は別のコンポーネントが担当しています。
たとえ画面左半分にカーソルがある時でもスクロール入力に応じてPostコンポーネントをスクロールさせたいです。

質問

・Twitterはどうやってこれを実現しているのでしょうか？
スクロール量を計算するような複雑な処理をjavascript等でやっているのでしょうか？

・より簡単に実装する方法はあるでしょうか？
実はHTML/CSSだけでできるような簡単なことなのであれば、
ざっくりとした方法でも構いませんので教えていただきたいです。

Comments

[m.ts10806]

画像は外部サービスよりteratailの画像投稿機能を使ってください。

[m.ts10806]

また、現在作られているものがあるのでしたら、その実装を最小構成でも良いので提示されたほうがアドバイス得やすくなると思います。

Answer 1

ヘッダとサイドメニューを固定配置にした方が早いのではないかな、と思いました。

Comments

[moyong]

ありがとうございます。
一度試してみますm(__)m