两个窗格（div）的统一滚动条

Question

我有一个要求，我需要同步滚动2个彼此相邻的div。实现这一目标的最佳方式是什么？

谢谢， 克里斯 P.S：现在两个div都有自己的table / s和/或div / s，其内容确保总是有一个滚动条，它们总是可见。

Answer 1

你可以添加一个scroll事件监听器，然后从那里同步它们？ Example

function keepInSync() {
    var elements = [];
    var sync = function(e) {
        var target = e.target;

        for (var k = 0, l = elements.length; k < l; k++) {
            var element = elements[k];
            if (element === target) continue;
            element.scrollTop = target.scrollTop;
            element.scrollLeft = target.scrollLeft;
        }
    };

    for (var k = 0, l = arguments.length; k < l; k++) {
        var element = arguments[k];
        if (document.addEventListener) {
            element.addEventListener('scroll', sync);
        } else {
            element.attachEvent('onscroll', sync);
        }
        elements.push(element);
    }
}