javascript - いくつかのスクロール バーを 1 つに置き換える

Question

スクロール バーを持つ 2 つの div があり、それらを取り除き、両方の div に対して 1 つの統一されたスクロールを行う必要がある状況があります。JavaScript を使用して 2 つのペインのスクロールを同期させ、overflow:hidden を使用してスクロールバーの 1 つを非表示にしました。表示されているスクロールバーは、スクリプトを使用して両方のペインをスクロールします。

http://jsfiddle.net/Amnesiac/ekT3h/5/

これを達成するためのより良い方法があるかどうか疑問に思っていました。外部ライブラリまたは q jQuery プラグインを使用することにオープンです。

Answer 1

私はこのプラグインを何年も使用しています: http://blogs.msdn.com/b/matt/archive/2009/03/19/synchronizing-scrollbars-using-jquery.aspx

jQuery.fn.synchronizeScroll = function() {

               var elements = this;
               if (elements.length <= 1) return;

              elements.scroll(
              function() {
                  var left = $(this).scrollLeft();
                  var top = $(this).scrollTop();
                  elements.each(
                  function() {
                      if ($(this).scrollLeft() != left) $(this).scrollLeft(left);
                      if ($(this).scrollTop() != top) $(this).scrollTop(top);
                  }
                  );
              });
          }