javascript - 为什么慢速 jQuery 动画断断续续？

Question

我很难用谷歌搜索这个问题，因为我能找到的大多数东西都是关于动画的，这些动画应该很快但 Action 很慢。我的问题是关于我想要持续时间长但仍然流畅的动画。

我创建了这个 jsfiddle 来演示这个问题:http://jsfiddle.net/93Bqx/

我试图让一个元素随着时间慢慢移动到另一个位置。但是动画非常不稳定。

基本上，它归结为如下内容:

$elem.animate({
        left: x,
        top: y
}, someLargeNumber);

我想知道问题是否出在动画速度太慢以致于每一步都小于一个像素，因此它将它们四舍五入为 0 或 1，使其看起来像是丢帧然后一次移动所有。但我不知道如何检查或解决这个问题。

有没有更好的方法来制作慢速动画以使其流畅？我有一个用 CSS3 和 translate(x,y) 创建的类似的，它很流畅，但不幸的是我需要比我认为我可以用 CSS 获得的更大的灵 active 。

Answer 1

我想这是以编程方式制作动画不可避免的交易。 也许尝试一个专门用于动画的框架，例如:

http://www.greensock.com/gsap-js/

但最好将动画调整为 CSS。