Jquery 链接两个滚动条会减慢鼠标滚轮的滚动速度

我正在尝试使用jquery/javascript链接两个可滚动div的滚动条

通过拖动这些div的滚动条，滚动效果良好。但是，当我通过鼠标滚轮滚动时，滚动速度非常慢。。提供了下面的小提琴链接，有人帮助我完美链接两个滚动条，这甚至适用于鼠标滚轮滚动条。提前感谢……）

HTML:

---

我认为你进入了一个无休止的循环。如果滚动

left

，

right

会滚动，是什么导致

left

再次滚动，依此类推

在我的示例中，它的运行速度与预期的一样快，尽管只同步了左侧的一个

$（函数（）{
$（'#right'）。滚动（函数（）{
console.log（this）；
$（'#左'）.scrollTop（$（this.scrollTop（））；
$（'#left'）.scrollLeft（$（this.scrollLeft（））；
})
})

#左#右#测试{
宽度：300px；
高度：400px；
溢出：滚动；
浮动：左；
}

---

只有当您从“#right”div滚动时，鼠标滚轮滚动才会起作用。但是，它应该是滚动，应该在两个div中都起作用。。

<div id="left" class="linked">
<img src="http://upload.wikimedia.org/wikipedia/commons/5/51/Eiffel_Tower_(72_names).jpg">
</div>
<div id="right" class="linked">
<img src="http://upload.wikimedia.org/wikipedia/commons/5/51/Eiffel_Tower_(72_names).jpg">
</div>

$('.linked').scroll(function(){
$('.linked').scrollTop($(this).scrollTop());
$('.linked').scrollLeft($(this).scrollLeft());
})