用jQuery滚动动态颜色变化

我有一个div，当我向下滚动页面时，颜色会改变，从透明到不透明。此代码当前使用静态RGB值，然后根据滚动位置添加不透明度值。用jQuery滚动动态颜色变化

$(document).ready(function() { 
    $(window).scroll(function() { 

     var windowHeight = $(window).height(); 
     var $scrollPercent = ($(document).scrollTop()/windowHeight); 

     if ($(document).scrollTop() > 100) { 
      $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'}); 
     } else { 
      $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'}); 
     } 
    }); 
});

我想将静态RGB值更改为动态RGB值。

目前，我在名为'primary_colour'的字段中有高级自定义字段创建的十六进制颜色值。我可以将这个值作为'background-color'输出到div，但不知道是否可以将它转换为RGB并将其插入到我已有的代码中？

任何人都可以帮助我解决我的困惑，如何让这个工作？我感谢您提供的任何帮助。

来源

2015-02-08 Allen T

这里：

if ($(document).scrollTop() > 100) { 
    $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'}); 
} else { 
    $(".fade-overlay").css({backgroundColor:'rgba(0,168,80,'+$scrollPercent+')'}); 
}

变化backgroundColor所有出现"background-color"或首先声明一个变量！

来源

2015-02-08 20:20:12

用jQuery滚动动态颜色变化

回答

相关问题