2012-01-13 6 views
0

現在、特定のパスで画像を画面の周りに移動しようとしています。 1つを終えると、それ自身を隠し、次に開始点に移動してユーザーの入力を待って次のものを開始します。私はこれらの両方のためにZeptoのanim関数を使用していますが、私は隠されている間アニメーションをすると、プログラムがクラッシュすることに気付いています。誰かが、私がこれを動かす別の方法か、anim()で行う必要がある何かを介して、これをどのように修正できるか教えてもらえますか?Zeptoでアニメーションされた隠し画像を簡単に移動する方法はありますか?

ありがとうございます。

答えて

1

クラッシュはどういう意味ですか?アニメーションが次のステップをトリガするのを完了し、display:noneまたはvisibility:hiddenのいずれかを使用して要素を非表示にしているときに、コールバックを使用していると思います。

この場合、アニメーションが行われていないときにアニメコールバックが起動しないという問題があります。コールバックは、遷移が発生した場合にのみ起動するwebkitTransitionEnd関数に基づいています。これらの遷移は、A)可視性のようなブール値プロパティ、およびB)完全に隠され、レンダリングされていないオブジェクトに対して実際には起こらない。

これを克服する最も簡単な方法は、opacity: 0を使用して画像を消したり、他のすべての要素よりも下になるようにZ-インデックスを変更したりして、画像をレンダリングから削除しないことです。通常、私がしているのは、{opacity:1, zIndex: 10000}{opacity:0, zIndex: -1}の2つの状態です。この方法では、オブジェクトが完全にフェードアウトすると、他の要素をブロックせず、スムーズにフェードします。 (zIndexは-1から1までが非常に低い不透明度で発生します)

関連する問題