私は自分のサイトの iPhone 最適化バージョンを構築しており、アニメーションを機能させたり、トランジションを機能させようとしています。
iui/ciuiなどを見ました。しかし、それらは私が必要とするものにはやり過ぎのようです。私はjqueryを使用しており、.animateをスムーズに動作させることができなかったことを除いて、ほとんどの機能を構築しているため、cssトランジションを試しています。
div 内のオブジェクトがクリックされたときに、div が左のページ (標準の iPhone UI) に遷移するようにする div があります。私が理解しているように、親要素 onclick に css 遷移を適用することはできないため、jquery を使用してクラスを追加すると、クラスに css 遷移が含まれます。
これは機能しますが、動作する唯一のcssトランジションは
-webkit-transform: translate(-330px, 0);
これに遷移時間を追加する方法がわからないので、.hide() と同じくらい効果的です。何か案は？
他のトランジションがどのように機能するかはよくわかりませんでした。お気に入り
-webkit-transition-property: 左; -webkit-transition-duration: 4s;
どのくらい左にあるのかをどのように指定しますか (実際には負の数になります)。また、これが add-class でトリガーされたようには見えませんでした。
http://webkit.org/specs/CSSVisualEffects/CSSTransitions.htmlを見てきましたが、そのドキュメントに基づいてこれを行う方法がわかりませんでした。
ありがとうピート