Как остановить выполнение события в js?

Question

[Дмитрий]

Есть два списка. При прокрутке левого нужно прокручивать правый и выполнять некоторые доп. действия. И наоборот: при прокрутке правого - синхронно прокручивать левый.

Я устанавливаю события так:

$('#left, #right').on('scroll', function(e) {
    //... какие-то действия
    $(block_a).animate({scrollTop: scroll}, 10);
});

Подробный пример на jsfiddle

Проблема в том, что при вызове функции animate() происходит повторный вызов события scroll и скрипт зацикливается. Нужно как-то остановить выполнение события, чтобы оно выполнялось только раз.

stopPropagation() - не помогает. Есть какое-то решение?

Comments

[Алексей Дубровин]

Создать 1 объект который будет отслеживать скролл на обоих элементах.
Когда происходит скролл перемещать оба элемента на то же расстояние.
Отслеживать с помощью event.target - на каком элементе происходит скролл и в зависимости от этого вызывать функцию с действием.

Answer 1

[Владимир Ясанкин]

на событие onscroll: если div не активный или не кликнутый устанавливаем scroll иначе ничего не делаем

Comments

[Сергей Ержович]

Кликать на него не обязательно, можно и с клавиатуры прокручивать))

Answer 2

[Сергей Ержович]

Можешь навешивать и убирать события с элемента, либо чистить timeout вовремя. https://jsfiddle.net/d7y6wLkc/