用一个替换几个滚动条

Question

我有一种情况，我有两个带滚动条的div，我需要摆脱它们，并为两个div只有一个统一的滚动。我使用JavaScript来同步两个窗格的滚动，并使用overflow：hidden隐藏其中一个滚动条。可见的滚动条使用脚本滚动窗格。

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);
                  }
                  );
              });
          }