在jQuery中使用% positioning的.css和.animate之间的奇怪区别

Question

我有这个代码，如预期的那样工作。请注意，第一个动画的持续时间为0。

$(".myClass").animate({'top': '-=100%'}, 0).animate({top: '+=100%'}, 500);

基本上，我想放置一个带有类myClass的元素，如果javascript被禁用，这个元素的位置是正确的。如果启用了javascript，我将首先使元素从容器外部开始，并将其带到其原始位置。我试着使用这段代码。

$(".myClass").css({'top': '-=100%'}).animate({top: '+=100%'}, 500);

我原以为这两个方法会做同样的事情，但.css方法的作用方式不同。这就好像当使用percentage时，带有.css的-=100%表示元素高度的-100%，而使用.animate表示元素容器高度的100%。

这是应该这样工作还是我做错了什么。更多代码可根据请求提供。

Answer 1

它应该是这样工作的AFAIK。CSS属性不使用+=和-=运算符，因为它设置的是硬值，而不是接近或计算硬值(如动画)。

Answer 2

我们只能在+= ()中为相对动画使用-=，而css()不允许这个.so这对你不起作用