CSS相對於固定位置 - CSS轉換

Question

描述

我試圖讓div看起來像是從它在哪裏增長。若要從相對到固定這使得第一轉變開始從top:0, left:0，而不是元素的當前頂部/左做到這一點，我改變了位置。我該如何解決這個問題以使用元件電流補償？

JS小提琴

http://jsfiddle.net/ZjWkD/

注：第一次點擊後，代碼工作正是我想要它。第一次點擊就是問題所在。

Answer 1

您好，感謝您的小提琴，

它看起來就像當你第一次設置的CSS在這裏，你有你的目標DIV轉變這是搞亂了一點東西，除了設置你的初始位置在點擊功能內。

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

設置點擊功能火災前的目標div的位置將正確定位格，並應用CSS不就可以了動畫將確保目標的div是在正確的位置，當文檔加載（如果你在那個target-div上保留了動畫，即使你在$（document）.ready中應用起始的css，它也會加載頁面並運行動畫，而不是讓div開始）。

我用一個單獨的類爲動畫和應用它的初始定位設定後才（見下文小提琴。測試類）。

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