javascript - jQuery Animate 不适用于背景颜色属性

Question

我在玩 jQuery .animate()功能，并最终试图改变 background-color div之一s 取决于用户滚动的像素数。令我惊讶的是，它没有用。我尝试使用 .css()相反，它运行良好。请引用底部的 jsFiddle 链接。

有人可以向我解释为什么会这样吗？

jsFiddle 链接:https://jsfiddle.net/ag_dhruv/cb2sypmu/

Answer 1

根据 jQuery API docs :

The .animate() method allows us to create animation effects on any numeric CSS property.

Animation Properties and Values

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color plugin is used)

^{重点是我的}

背景颜色不是数字属性，因此不能使用 .animate() 设置动画。