有可能同步两个滚动条(双向)吗？

Question

我使用插件jQuery自定义内容滚动器。

我想同步两个滚动条(双向)。

使用回调onWhileScrolling和scrollTo可以工作，但是scrollTo会在事件结束时触发。我希望同步是实时的(瞬时)。

我还在他们的父容器上使用了鼠标轮事件，它以我想要的方式同步。只关注一个，我就不同步了。

一个主意？

结构：

<div class="parent_container">
<div class="scroll1"><!--div content --></div>
<div class="scroll2"><!--div content --></div>
</div>

谢谢

Answer 1

我在JS中为您做了一个jQuery的快速示例。JS Bin

我正在使用jQuery的滚动事件。(我认为这是满足您需要的最好的)。

我还更改了您的类并使用了id(在我看来，类用于多种用途)。

使用“我的代码”，您可以拥有一个动态的同步卷轴数。

只需添加一个带有id 'scroll3‘和类'syncScroll’的新div来查看它是如何工作的。

它也在“实时”工作，如你所愿。

我希望这对你有帮助。

二手jQuery版本: 2.1.1