javascript - 根据滚动内容背景颜色更改 Logo img

Question

提前感谢您的任何建议，我有一个固定的 Logo img 作为具有透明背景的 png 和一些内容在它后面滚动，带有不同颜色的 div。是否可以根据img后面滚动的内容的背景颜色更改img标签的src属性？

Answer 1

是的，你可以

$( element).scroll(function() {
  if(hexc($(this).css("background-color"))=="#ffffff"){
     $(image).attr('src','new_img_source');
   }
   else if(hexc($(this).css("background-color"))=="#ffff00"){
     $(image).attr('src','new_img_source');
   }
 //and so on
});

请注意 hexc 函数用于将 rgb 值(返回值)转换为十六进制值。