动画后，css媒体查询不适用于使用jQuery的对象

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', '');
    }
});