職場でどうやって実装するのか悩んだ、という話を聞いたので実装してみました。古いサンプルだとjQuery使ってて普段触らない人からすると訳分からないですよね。多分この実装だと問題が生じるときもありそうな気がするので、よければコメントくださいませ。
実装内容
基本は、スクロール時にエレメントのscrollTop(横スクロールならscrollLeft)というプロパティを対象エレメントと同じ値に設定してあげるだけです。詳しくは下記のコードを見てください。
See the Pen scroll_sync by R-Az (@r-az) on CodePen.
参考にした記事
http://amaraimusi.sakura.ne.jp/sample/js/scroll_rendo/scroll_rendo.html
https://wrongwrong163377.hatenablog.com/entry/2018/11/17/153430