JQuery эластичная анимация не завершена

Question

http://www.thebraproject.com/collection

Если вы сдвинете веревку для белья назад, каждый третий предмет останавливается без завершения эластичной анимации. Кто-нибудь может понять, почему это может происходить?

Я использую AnythingSlider для jQuery, чтобы он работал.

Answer 1

Я думаю, возможно, проблема в том, что способ, которым ползунок считает, когда вы идете вперед и назад, он думает, что это начало ползунка, а не выполнение перехода. Попробуйте изменить свой третий случай

case 3:
 var previous_index = 2;
 var next_index = 1;
 break; 

что произойдет, если вы измените переменную next_index? Это исправит это?

Answer 2

Ослабление прерывается каждый раз, когда AnythingSlider вынужден «вращать» свои страницы. (Другими словами: каждый раз, когда перемещаемый элемент является «li.cloned», ослабление нарушается.)

Мне кажется, что это ошибка в AnythingSlider, я думаю, что некоторые из обратных вызовов завершения анимации вызываются без ожидания фактического завершения анимации.

Стесняюсь анализировать что-либо еще, потому что текущий сайт использует AnythingSlider версии 1.2, последняя версия v1.5.x. Я бы попробовал обновить и посмотреть, решит ли это вашу проблему.

https://github.com/ProLoser/AnythingSlider/downloads

Answer 3

Я также заметил, что любой элемент, который остановился без завершения анимации, продолжает вести себя таким образом, даже если это не третий элемент при следующем перемещении назад. Другие элементы, которые закончили анимацию при первоначальном скольжении назад, завершают свою анимацию при следующем скольжении назад, даже если они являются третьим элементом. Так что все, что идет не так, идет не так, когда вы в первый раз скользите назад, я думаю. Надеюсь, это поможет, если вы еще не исправили это.