jQuery Animate没有处理background-color属性

Question

我正在玩jQuery .animate()函数,最后尝试根据用户滚动的像素数来改变background-color其中一个div.令我惊讶的是,它没有用.我尝试使用该.css()功能,但效果很好.请参考底部的jsFiddle链接.

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

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

Answer 1

根据jQuery API文档:

.animate()方法允许我们在任何数字CSS属性上创建动画效果.

动画属性和值

除非如下所述,否则应将所有动画属性设置为单个数值.那些非数字最属性不能使用基本功能的jQuery被动画(例如,width,height,或left可以是动画,但background-color不能是,除非jQuery.Color插件用于)

^{重点是我的}

背景颜色不是数字属性,因此无法使用动画.animate().