是否可以同步两个mscrollbar(双向)?

时间:2015-06-18 09:52:33

标签: javascript jquery scrollbar sync two-way

我使用插件jQuery custom content scroller

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

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

我也在他们的父容器上使用mousewheel事件,它以我想要的方式同步。只关注一个,我不同步。

一个想法?

结构:

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

感谢

1 个答案:

答案 0 :(得分:0)

我在JS Bin中用jQuery为你做了一个简单的例子。 JS Bin

我正在使用jQuery的滚动事件。(我觉得这是你最需要的)

我也改变了你的类并使用了id(在我看来,类是多用的)。

使用我的代码,您可以拥有动态数量的同步滚动 只需添加一个id为'scroll3'的新div和'syncScroll'类来查看它是如何工作的。

它也按照你的意愿“实时”工作。

我希望这能帮到你。

使用jQuery版本:2.1.1