複数のスクロールバーを同時にスクロールする
1496 ワード
職場でどうやって実装するのか悩んだ、という話を聞いたので実装してみました。古いサンプルだと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
Author And Source
この問題について(複数のスクロールバーを同時にスクロールする), 我々は、より多くの情報をここで見つけました https://qiita.com/R-Az/items/7a1c5cc1c3d5ed355be7著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .