Javascript 用于两个窗格(div)的统一滚动条

Javascript 用于两个窗格(div)的统一滚动条,javascript,jquery,jquery-plugins,jquery-jscrollpane,tinyscrollbar,Javascript,Jquery,Jquery Plugins,Jquery Jscrollpane,Tinyscrollbar,我有一个要求,我需要同步滚动的2个div是彼此相邻。实现这一目标的最佳方式是什么 谢谢, 克里斯 附言:现在这两个div都有自己的表和/或div,其内容确保它们上始终有一个滚动条始终可见。您可以添加一个滚动事件侦听器,然后从那里同步它们 函数keepInSync(){ var元素=[]; var sync=函数(e){ var目标=e.target; for(var k=0,l=elements.length;k

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

谢谢, 克里斯
附言:现在这两个div都有自己的表和/或div,其内容确保它们上始终有一个滚动条始终可见。

您可以添加一个

滚动
事件侦听器,然后从那里同步它们

函数keepInSync(){
var元素=[];
var sync=函数(e){
var目标=e.target;
for(var k=0,l=elements.length;k
谢谢!我听说收听滚动事件对性能有不良影响,建议我们改用超时:
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);
    }
}