Убейте только одну анимацию

Question

Я запускаю эту анимацию на $(window).scroll(), и она работает отлично по большей части.

$('#el').animate({ left: toMove }, 500); 

Проблема заключается в том, если пользователь прокручивает слишком быстро, две анимации будет срабатывать и вторая анимация будет срабатывать до того, как первый один переместилась достаточно далеко. Как я могу убедиться, что в любой момент времени есть только одна анимация, а затем последуют другие анимации? Мне нужен элемент для анимации слева ПОЛНОСТЬЮ любая другая анимация запускается, но мне нужно, чтобы все они запускались. Я попытался использовать .queue(), но не смог найти подходящее решение.

Answer 1

Вы можете использовать функцию stop так, чтобы сгладить вещи:

$('#el').stop(true, false).animate({ left: toMove }, 500); 

stop функция, при вызове как это будет очистить очередь анимации для любого ожидания анимации, а также остановить текущую анимацию, если Любые.

Редактировать

Если вы хотите, чтобы анимация до конца, прежде чем анимировать снова вам просто нужно позвонить .stop(true, true) вместо