我当前的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点之间的距离如何。
发布于 2014-12-27 15:19:41
如果你想要一个恒速,那就用“线性”而不是“立方-贝塞尔(.)”
发布于 2014-12-27 15:14:17
您可以使用.animate()
$("#myAvatar").animate({ top: y, left: x},1200);
1200只是一个持续时间,你可以用你喜欢的持续时间来改变它,但是在css中1200 =1.2
https://stackoverflow.com/questions/27672325
复制相似问题