我使用插件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>
感谢
答案 0 :(得分:0)
我在JS Bin中用jQuery为你做了一个简单的例子。 JS Bin
我正在使用jQuery的滚动事件。(我觉得这是你最需要的)
我也改变了你的类并使用了id(在我看来,类是多用的)。
使用我的代码,您可以拥有动态数量的同步滚动 只需添加一个id为'scroll3'的新div和'syncScroll'类来查看它是如何工作的。
它也按照你的意愿“实时”工作。
我希望这能帮到你。
使用jQuery版本:2.1.1