Comment arrêter CSS3 transition

Je veux arrêter une transition qui est en cours.

J'ai trouvé quelques références[1][2] éparpillés un peu partout sur internet mais je n'arrive pas à le reconstituer.

Ici un violon de la première suggestion (Avec jQuery et CSS de Transit pour le contexte): http://jsfiddle.net/thomseddon/gLjuH/

Grâce

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

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

check this out peut-être aider stackoverflow.com/questions/5312289/...
Merci, aurait également lié à elle
Eu: jsfiddle.net/thomseddon/gLjuH/3

OriginalL'auteur Thom Seddon | 2012-10-17

  1. 10

    Si j'ai tout compris: http://jsfiddle.net/thomseddon/gLjuH/3/

    Le truc est de mettre chaque propriété css animer à sa valeur actuelle (éventuellement en milieu de transition) comme: $(this).css('prop', $(this).css('prop')); (Probablement souhaitez stocker toutes les propriétés d'un objet dans l'élément $(this).de données(props); et boucle à travers eux).

    Une fois que vous avez défini explicitement les propriétés que vous pouvez exécuter une 0s animation pour remplacer la précédente animation et de freiner efficacement l'élément.

    Merci pour le jsfiddle. J'ai fait un peu de refactoring et s'est cassé vers le bas pour le concept de base ici: jsfiddle.net/jedhunsaker/gLjuH/13
    le violon lien est mort 🙁
    désolé, j'ai changé de nom récemment, donc c'est maintenant jsfiddle.net/jedmao/gLjuH/13
    Il n'y a pas besoin de faire de la tranche à couper le PX. parseInt ce faire, automatique

    OriginalL'auteur Thom Seddon

  2. 3

    Il y a une solution beaucoup plus simple. Si vous souhaitez arrêter la transition (et de ne pas mettre en pause). Il suffit de régler le css pour le courant calculé style. Par exemple, dans un personnalisé du défilement de solution, où le haut est la transition de la propriété. 

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

    et c'est tout.

    OriginalL'auteur Maciej Krawczyk