Zeptoでアニメーション化された隠された画像を移動する簡単な方法はありますか?
-
28-10-2019 - |
質問
私は現在、特定のパスで画面の周りを画像を動かしようとしています。それが終了すると、それはそれ自体を隠し、次に再び開始点に移動して、ユーザー入力を待って次のユーザーを開始します。私はこれらの両方でZeptoのアニック関数を使用していますが、隠されている間にアニメーション化するとプログラムがクラッシュすることに気づいています。誰かが、それを動かす別の方法や、anim()でやる必要があることを通して、これを修正する方法を教えてもらえますか?
助けてくれてありがとう。
解決
クラッシュとはどういう意味ですか?アニメーションが完了して次のステップをトリガーし、どちらかを使用しているときに、コールバックを使用していると思います。 display:none
また visibility:hidden
あなたの要素を隠すために。
この場合、あなたが直面している問題は、アニメーションが行われないときにアニックコールバックが発生しないことです。コールバックは、遷移が発生した場合にのみ発火するWebKitTransitionEnd関数に基づいています。これらの遷移は、a)視界やb)完全に隠されていないオブジェクトなどのブール特性で実際には発生しません。
これを克服する最も簡単な方法は、レンダリングから画像を削除しないようにすることです。 opacity: 0
または、Z-Indexを変更して、他のすべての要素を下回ります。通常、私がしていることは2つの状態を持っています。 {opacity:1, zIndex: 10000}
と {opacity:0, zIndex: -1}
. 。このようにして、オブジェクトが完全にフェードアウトされると、他の要素をブロックせず、スムーズにフェードします。 (-1から1のZindexは非常に低い不透明度で発生します。)