CSS par rapport à la position fixe - transition CSS

Description

Je suis en train de faire un div ressemble, il est croissante à partir d'où il est. Pour ce faire, je vais changer la position de relative à fixe qui en fait la première transition de début de top:0, left:0 au lieu de l'élément actuel haut/gauche. Comment puis-je résoudre ce problème à utiliser les éléments décalages actuels?

JS Fiddle

http://jsfiddle.net/ZjWkD/

Remarque: Après le premier clic, le code fonctionne, exactement comment je le veux. Le premier clic est le problème.

OriginalL'auteur Jacksonkr | 2013-06-25

  1. 6

    Bonjour et merci pour le violon,

    Il ressemble quand vous réglez tout d'abord le css ici, vous avez eu des transitions sur votre cible-div qui était gâcher un peu les choses, en plus de la définition de votre position initiale à l'intérieur de la fonction de clic.

    $(this).css({
    position:'fixed',
    top:$(this).offset().top,
    left:$(this).offset().left
});

    Réglage de la position de la cible-div avant le clic de la fonction feux de position de la div correctement, et de l'application de la css sans les animations, il va s'assurer que la cible-div est en bonne place lorsque le document charges (si vous gardez les animations de la cible-div, même si vous appliquez le départ css dans le $(document).prêt, il va charger la page et exécuter l'animation plutôt que d'avoir la div commencer par là).

    J'ai utilisé une classe distincte de l'animation et de l'appliquer seul après le positionnement initial a été fixé (voir .test de la classe de violon ci-dessous).

    http://jsfiddle.net/Jag96/wdh4N/

    OriginalL'auteur Joe_G