javascript - 生涩的动画 - Jquery/CSS3

Question

我正在尝试结合 jQuery 和 CSS3 来提供流畅的动画，但我仍然发现即使在桌面上，动画也可能不稳定。

我正在使用下面的方法将我的 id 从页面的一侧移动到页面上。

$(id).addClass('active').css({ left: pageWidth })
                        .animate({left: 0}, 500, function(e){deferred.resolve()})
                        .css("-webkit-transform", "translate3d(0px,0px,0px)")
                        .css("-moz-transform", "translate3d(0px,0px,0px)")
                        .css("-ms-transform", "translate3d(0px,0px,0px)")
                        .css("-o-transform", "translate3d(0px,0px,0px)")
                        .css("transform", "translate3d(0px,0px,0px)");

如果我还有什么可以做的，任何人都可以提供任何建议吗？

Answer 1

使用类似 velocity 的插件/扩展在幕后自动为您使用 CSS 动画。

我们最近使用它来避免移动设备上的动画卡顿，它改进了很多东西。