0

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

我正在寻找同步两个滚动条(双向)。

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

我还在其父容器上使用鼠标滚轮事件,它以我想要的方式同步。只关注一个,我不同步。

一个主意?

结构:

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

谢谢

4

1 回答 1

0

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

我正在使用 jQuery 的滚动事件。(我认为它最适合您的需求)

我还更改了您的课程并改用了 id(在我看来,课程可用于多种用途)。

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

它还可以按照您的意愿“实时”工作。

我希望这对你有所帮助。

使用 jQuery 版本:2.1.1

于 2015-06-18T11:01:08.197 回答