有沒有簡單的方法來移動Zepto動畫的隱藏圖像？

我目前正在嘗試讓圖像在特定路徑中移動。當它完成後，它自己隱藏起來，然後再次移動到起始點，等待用戶輸入並開始下一個。我在這兩個Zepto中使用anim函數，但是我注意到，當隱藏動畫時，程序崩潰。有人能告訴我如何解決這個問題，或者通過不同的方式來移動它，或者我需要用anim（）做些什麼？有沒有簡單的方法來移動Zepto動畫的隱藏圖像？

感謝您的幫助。

來源

2012-01-13 CSturgess

你是什麼意思的崩潰？我猜你在動畫完成時使用回調來觸發下一步，並且您正在使用display:none或visibility:hidden來隱藏您的元素。

如果是這種情況，那麼您面臨的問題是，動畫發生時動畫回調不會觸發。該回調基於webkitTransitionEnd函數，該函數僅在發生轉換時觸發。這些轉換實際上不會發生在A）布爾屬性如可見性和B）完全隱藏並且不被渲染的對象。

解決這個問題的最簡單方法是不要從渲染中刪除圖像，通過使用opacity: 0或將z-index更改爲低於所有其他元素將其消失。通常，我所做的是有兩種狀態：{opacity:1, zIndex: 10000}和{opacity:0, zIndex: -1}。這樣，當對象完全淡出時，它不會阻擋其他元素，並且它會平滑淡化。（從-1到1的zIndex在非常低的不透明度下發生。）

來源

2012-01-16 18:00:13

有沒有簡單的方法來移動Zepto動畫的隱藏圖像？

回答

相關問題