Javascript 用于两个窗格(div)的统一滚动条
我有一个要求,我需要同步滚动的2个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
附言:现在这两个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);
}
}