Возможно ли синхронизировать две mscrollbar (двусторонние)?

Question

Я использую плагин 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> 

благодаря

Answer 1

Я проделала быстрый пример в JS Bin с JQuery для вас. JS Bin

Я использую событие прокрутки JQuery. (Это лучше всего подходит для ваших потребностей я думаю)

Я также изменил свои классы и использовать идентификаторы вместо (классы для многократного использования, на мой взгляд).

В моем коде вы можете иметь динамическое количество синхронизированных свитков.
Просто добавьте новый div с id 'scroll3' и class 'syncScroll', чтобы увидеть, как он работает.

Он также работает в режиме реального времени, как вы пожелаете.

Я надеюсь, что это поможет вам.

б/у версия jQuery: 2.1.1