如何复制JQtouch流畅的iphone动画？
所以，我知道如何从理论上做到这一点，当我尝试动画时购买确实很滞后。
我在做什么： 我得到了这个包含各种项目和文本（真正标准）的 UL，当我想要为其设置动画时 我只是用 JS 添加一个“flipout”类，如下所示： element.className = "翻转";
动画的 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 平滑移动。 我做错了什么？！
so, i know how to do this by theory, buy when i try the animation is really laggy.
what i"m doing:
i got this UL with all sort of items and text (really standard) and when i want to animate it
i just add with JS a class "flipout" like so:
element.className = "flipout";
the CSS for the animation looks like this:
.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%);
}
}
the same HTML moves smooth as silk with JQtouch..
what am i doing wrong?!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
解决办法：
使用translate3d(x,y,z)；
动作流畅。
the solution:
use translate3d(x,y,z);
moves smooth.