問題タブ [gwt-animation]

アニメーション用のいくつかの外部 GWTライブラリを調べ始めましたが、それらはすべて、私が望むものに対して少しやり過ぎのように思えました。

スクロール ナビゲーション用に GWT でJQuery Tools scrollabelプラグインを模倣しようとしています (iphone を考えてください)。ユーザーがアイテムをクリックすると、ページがそのアイテムの子パネルにスクロールします。これには、クリックできる子パネルも含まれる場合があります。

私がする必要があるのは、一定の時間の割合で、div x ピクセル数を前後にスライドさせることだけです。

GWT でのアニメーションの作成に関して私が見つけた唯一の実際のチュートリアルは 2 年前のもので、少し冗長に思えます (個々のフレームの管理など...)。

余分な手間をかけずに div をある位置から別の位置に簡単に移動するためのより簡単なソリューションはありませんか?

申し訳ありませんが、私はこれが簡単かつ簡単に組み込まれている jQuery コーディングから来ています。

iPhoneのナビゲーションのように前後にアニメーション化しようとしているFlowPanelがあります。（これを行う方法に関する私の最初の質問については、この投稿を参照してください）

だから私はそれを以下に示すコードで「動作」させています。スクローラーの最終的な位置が正確ではなく、スクロールすると常に変化することがわかったため、引用符で囲んで作業していると言います。

GWT.logは常に私が探している実際の値を示しているので、たとえば以下のscrollToの呼び出しでは、私のGWT.logは次のように述べています。

ScrollStart：0 scrollStop：-246

しかし、実際にfireBugの要素、そのcssを分析すると、左の位置が正確に-246pxになることはありません。時々それは10pxもずれているので、私のパネルは終了する前にスクロールを停止しました。

最悪の部分は、このナビゲーションが前後にアニメーション化することです。そのため、後続のクリックで実際にそれが外れる可能性があります。ピクセルの完全な配置が必要です。そうしないと、全体が見えなくなります。

すでに行ったこと以外に、これをデバッグするためにどこから始めればよいのかさえわかりません。ヒントをいただければ幸いです。

編集：追加のロギング情報：
onUpdate内のロギングはこれを示しています：

なぜそれは0.98％で終わるのですか？

アニメーションを呼び出すコード

アニメーションコード

私はGWTで作業しており、animation.cssを使用してslideUp、slideDownなどのトランジション効果を適用しようとしています

私はanimation.cssをhtmlファイルにリンクしました。

また、次のスクリプトも含まれています。

この animation.css クラスをパネルまたはウィジェットに直接適用しました。

ここで、「slideInDown」は animation.css のクラス名ですが、その myPanel に効果が適用されていません。上記のケースで何が問題になるかを誰かが助けることができますか?