Javascript 根据网站背景颜色更改背景颜色

我试图实现与下面的示例类似的效果，其中网站的徽标和菜单图标根据每个元素背后的背景而改变颜色

看起来是通过javascript对每个元素的背景颜色进行了更改，但我不知道这是如何实现的

---

任何帮助都将不胜感激

我不知道borngroup是否在做这件事，但是你可以使用css和背景图片和背景附件来实现这种效果：修复

---

你试过查看该网站的JavaScript吗？如果它没有被混淆，你可能会发现他们是如何做到的，尽管在我看来，他们只是计算了页面上某些元素的y位置，并在onScroll（）过程中检查滚动位置是否超过它可能会有所帮助。

body {
    height: 1000px;
}   

#one {
    background-color:black;
    background-image: url('http://d.pr/i/18pT3+');
    background-attachment: fixed;
    background-repeat: no-repeat;
    height:100px;
}

#two {
    background-color:yellow;
    background-image: url('http://d.pr/i/1capU+');
    background-attachment: fixed;
    background-repeat: no-repeat;   
    height:100px;
}