我的代码中的“ animate（）”函数不起作用，但“ css（）”却起作用。怎么了？

Question

这段代码仅在我编写时有效

.css()

，但不是

.animate()

是什么原因？

整个事情：

$(window).on("scroll", function () {
$('.banner').animate({'background':'linear-gradient(to right, black 50%, white 50%'}, 800);
$('.banner h1').animate({
    'background': 'linear-gradient(to left, black 50%, white 50%', '-webkit-background-clip': 'text', '-webkit-text-fill-color': 'transparent'
    }, 800)

Answer 1

来自the documentation：

  

所有动画属性均应设置为单个数字值，除非另有说明；大多数非数字属性不能使用基本的jQuery功能进行动画处理（例如，可以对width，height或left进行动画处理，但不能对background-color进行动画处理，除非使用jQuery.Color插件）。除非另有说明，否则属性值被视为像素数。可以在适当的地方指定单位em和％。

您要设置动画的内容与说明可以设置动画的内容不符。