javascript - 根据滚动内容的背景颜色更改徽标img

预先感谢您的任何建议，
我有一个固定的徽标img，它是带有透明背景的png，并且某些内容在其后滚动着不同颜色的div。是否可以根据滚动到img后面的内容的背景颜色来更改img标签的src属性？

最佳答案

是的你可以

$( 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值（返回）转换为hex值。