Question

所以，我知道如何通过理论来做到这一点，当我尝试动画时购买是非常滞后的。

我在做什么：我得到了这个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%);

}
}

使用JQtouch，同样的HTML移动顺滑。我做错了什么？！

Answer 1

解决方案：使用translate3d（x，y，z）; 移动顺利。

如何复制JQtouch流畅的iphone动画？

1 个答案: