JQuery транзит несоответствие
Я собрал этот пример, чтобы показать, что у меня проблема с транзитом через jquery. Я хочу, чтобы UL казался бесконечно растущим.
Вы заметите, у меня есть, что он сдвигается 146 пикселей (высота ли) каждый раз, когда вы нажимаете кнопку "вверх". Когда он достигает конца ul, он должен установить ul обратно в начало, а затем сдвинуть 146px, используя:
$('.test').css({y:ulHeight}).delay(8).transition({y:'+=146px'});
Согласно транзиту jquery, переходная часть не должна выполняться до тех пор, пока не завершится часть css, но она работает только в 10% случаев. Чем больше времени между нажатием кнопки вверх, тем лучше.
Я положил задержку, надеясь, что это поможет, но, похоже, это не так. Если я добавлю очень долгую задержку, это сработает, но потом будет заметная задержка, которая выглядит плохо.
Это ошибка или я что-то не так делаю?