2014-03-06 91 views
0

變換我不得不使用Adobe Edge Animate中使用jQuery UI的拖動和投擲的一個不錯的簡單互動。將框從一個區域拖到其他地方。一切正常。使用頂部/左側,而不是WebKit的在Adobe Edge Animate中

於是,我決定增加一個入口動畫的框。這破壞了一切,因爲jquery可拖動動畫頂部:左:你的對象的值,但不知何故在Edge中添加動畫使它置頂:左:0並使用webkit transformX/Y.

因此,現在只要我開始拖動,框跳下來,因爲可拖動是動畫的頂部:左:和邊緣動畫保持變換

有沒有辦法強制EA使用頂部:左:動畫?注意,盒子入口的一部分包含一個旋轉,所以可能這就是爲什麼它決定使用變換,因此它可以執行X/Y並將它們一體旋轉。

任何想法?

回答

2

的問題是,在AE您可以動畫「頂」和「左」的,但你必須在是否該成爲transformX/Y或改變的CSS頂部沒有控制:左:。 AE使自己的頭腦。看起來,除了僅僅移動項目(例如旋轉或縮放)以外,它似乎一旦決定停止使用頂部/左側,並將其全部組合爲包含x y和rot的單個轉換。 AE不會讓你選擇動畫的CSS頂部:左:屬性,並添加一個CSS轉換爲腐爛。儘管如此,我現在已經發現了一個可行的黑客攻擊。拖動開始時,添加一個類

.notransition { 
    -webkit-transform:none!important; 
    transform:none!important; 
} 

等被刪除的變換和阻力完美的作品。奇怪的是,下降後,不要刪除類。它保持了剩餘的時間。如果你仔細想一下,這是有道理的,因爲轉換不是,頂端和左側已經被jquery-ui拖動了。

+0

能夠強制x和y轉換使用top:left:而不是轉換將是未來發行版的關鍵特性。 – AwokeKnowing

相關問題