Как остановить переход CSS3

Я хочу остановить переход, который выполняется.

Я нашел несколько ссылок [1] [2], разбросанных по Интернету, но я не могу собрать их воедино.

Вот скрипка первого предложения (с jQuery и CSS Transit для контекста):http://jsfiddle.net/thomseddon/gLjuH/

Спасибо

[1]https://twitter.com/evilhackerdude/status/20466821462

[2] github.com/madrobby/zepto/issues/508

 Thom Seddon17 окт. 2012 г., 11:06
Спасибо, должен был также связать с этим
 Thom Seddon17 окт. 2012 г., 11:12
 Afshin17 окт. 2012 г., 10:35
проверить это может помочьstackoverflow.com/questions/5312289/...

Ответы на вопрос(2)

Решение Вопроса

http://jsfiddle.net/thomseddon/gLjuH/3/

Хитрость заключается в том, чтобы установить для каждого свойства CSS, которое вы анимируете, его текущее значение (возможно, в середине перехода), например$(this).css('prop', $(this).css('prop')); (Возможно, вы захотите сохранить все свойства объекта в элементе с $ (this) .data (props); и просмотреть их).

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

 Victorino21 июн. 2015 г., 12:45
Там нет необходимости делать ломтик, чтобы разрезать PX. parseInt сделать это автоматически
 Danield31 мар. 2014 г., 16:39
@mrjedmao - ссылка на скрипку мертва :(
 jedmao01 апр. 2014 г., 06:24
@ Даниил извините, я недавно сменил имя, так что теперьjsfiddle.net/jedmao/gLjuH/13
 jedmao22 мар. 2013 г., 18:57
Спасибо за jsfiddle. Я провел некоторый рефакторинг и разбил его на основную концепцию:jsfiddle.net/jedhunsaker/gLjuH/13

ереход (а не приостановить его). Просто установите CSS для текущего вычисленного стиля. Например, в настраиваемом решении с прокруткой, где top - это переходное свойство.

element.style.top=getComputedStyle(element).top;

вот и все.

Ваш ответ на вопрос