2014-12-27 87 views
0

我當前的jQuery代碼將元素移動到頁面上的X和Y位置,但是我希望恆定速度,而不管距離如何。jQuery Animate - 以固定速度將DIV移動到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點之間的距離如何。

回答

0

然後使用'linear'而不是'cubic-bezier(..)'

0

你可以使用.animate()

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

1200只是一個時間你可以用時間改變它,你喜歡,但1200 = 1.2秒。如果你想有一個恆定的速度,你必須在CSS

相關問題