アニメーション後にjQueryを使用したオブジェクトにCSSのメディアクエリが適用されない

Question

JQueryを使用してオブジェクトを別の位置にアニメーションした後、元の位置に戻ってメディアクエリのcssで値が変化していても、ステップ。

コード：

$(".object").animate({ top: "-=85px"}).delay("3000").animate({ top: "285px"}); 

.object { 
    top: 285px; 
} 

それは、このメディアクエリを適用する必要があります。

.object { 
    top: 50px; 
} 

しかし、私は新しい値が、それはだから、それは285pxに固執する実行しなければならないときに、ウィンドウを渡します最後にアニメーション化された値。

「アニメーションの後にこのオブジェクトから追加されたすべての値をJQueryから削除し、cssから指定された値で再度スティックする」というコマンドはありますか？

これはアニメーションなので、私は回避策を行うためにCSSクラスを使用することはできません。

Answer 1

アニメーションが行われた後だけtopプロパティを削除します。

$(".object").animate({ top: "-=85px"}).delay(3000).animate({ top: "285px"}, { 
    complete: function() { 
     $(this).css('top', ''); 
    } 
});