向下滚动页面时更改标题颜色

Question

当我向下滚动页面时，我正在使用以下脚本，然后标题应该根据脚本更改了颜色，但是脚本不起作用，我也在使用该插件-：

<script type="text/javascript" src="https://raw.github.com/piouPiouM/jquery-color/master/jquery.color.js"></script> 

这是脚本-：

         jQuery("#subheader").css("position", "fixed");
         jQuery(window).on("scroll",function () {
             jQuery("#subheader").stop().animate({
                 backgroundColor: jQuery(window).scrollTop() > 0 ? '#FFFFFF' : 'rgba(255,255,255,0.0)'
             }, 230);
         });    

#Subheader是我正在使用该插件的标头的div ID，这也是我的head标签-：

 <script src="http://code.jquery.com/color/jquery.color-2.1.2.js" type="text/javascript"></script>





     <script type="text/javascript" >
         jQuery("#subheader").css("position", "fixed");
        jQuery(window).scroll(function() {
            jQuery("#subheader").stop().animate({
              backgroundColor: jQuery(window).scrollTop() > 0 ? '#FFFFFF' : 'rgba(255,255,255,0.0)'
            }, 230);
        }); 
    </script>

但是还是不行

感谢帮助

Answer 1

引用jQuery doc-things ：

大多数非数字属性不能使用基本的jQuery功能设置动画。 例如，可以设置宽度，高度或左侧的动画，但不能设置背景色的动画

因此，您无法使用香草jQuery设置backgroundColor的动画。

如果安装了jQuery.Color插件，则脚本应该可以工作。