jQuery Animate - 以固定速度将DIV移动到X，Y位置

Question

我当前的jQuery代码将元素移动到页面上的X和Y位置，但是我希望恒定速度，而不管距离如何。

例如，如果我移动一小段距离，时间会很慢。如果我移动到更远的距离，div会很快射到位置，这不是我想要的，但我不确定如何改变它。

$("#myAvatar").offset({ top: y, left: x}) 

我使用上面的代码，很想看看如何有可能有固定的速度，无论元素移动的距离如何。

对不起，如果我是模糊的或这个问题很难理解，会很乐意澄清。

编辑**

的CSS是

transition: left 1.2s cubic-bezier(.42,-0.3,.78,1.25), top 1.2s cubic-bezier(.42,-0.3,.78,1.25); 

转换速度，1.2秒是什么，我应该在这里固定。我不确定如何在JavaScript/jQuery中动态调整此值，以实现相同的速度，无论X和Y点之间的距离如何。

Answer 1

然后使用'linear'而不是'cubic-bezier（..）'

Answer 2

你可以使用.animate（）

$("#myAvatar").animate({ top: y, left: x},1200); 

1200只是一个时间你可以用时间改变它，你喜欢，但1200 = 1.2秒。如果你想有一个恒定的速度，你必须在CSS