javascript - 2 つのペイン (div) の統合スクロール バー

Question

隣り合っている 2 つの div のスクロールを同期する必要があるという要件があります。これを達成するための最良の方法は何ですか？

ありがとう、Chris PS: 現在、両方の div に独自のテーブルや div があり、そのコンテンツにより、両方にスクロール バーが常に表示されます。

Answer 1

イベントリスナーを追加しscrollて、そこから同期できますか? 例

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