javascript - 用一个替换几个滚动条

Question

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

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