0

だから、私は理論的にこれを行う方法を知っています、私がアニメーションを試してみるときに購入するのは本当に遅いです。

私がしていること：このULには、あらゆる種類のアイテムとテキスト（実際には標準）が含まれています。アニメーション化する場合は、JSで次のようなクラス「flipout」を追加します。element.className= "flipout";

アニメーションのCSSは次のようになります。

.flipout{
-webkit-animation-duration: .55s;
-webkit-animation-name: flipout_anim;
-webkit-transform-origin: left;

}

@-webkit-keyframes flipout_anim {
    from {
    -webkit-transform: translateX(0%);
}
to {
    -webkit-transform: translateX(-100%);

}
}

同じHTMLがJQtouchでシルクのようにスムーズに動きます。

4

1 に答える 1

2

解決策: translate3d(x,y,z); を使用します。滑らかに動きます。

于 2010-02-22T00:26:28.917 に答える