Javascript 在不同背景上滚动时,使图标从亮变暗

Javascript 在不同背景上滚动时,使图标从亮变暗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,图标需要一个像素一个像素地从亮变暗,因此如果页面滚动到一个图标上,一半是暗的一半是白的 我最初的想法是将两个图标层叠在一起。。灯光可以是z-index:0页面z-index:1和黑色z-index:2,但是黑色始终显示。。也许页面上隐藏了溢出?但是这些需要固定在窗户的侧面,并且不考虑溢出 页面的黑色部分是一个图像,所以不要指望它是黑色的 body{宽度:350px;背景色:#efefef;} .图标{位置:固定;顶部:10px;左侧:10px;} .icons.icon{color:#ff

图标需要一个像素一个像素地从亮变暗,因此如果页面滚动到一个图标上,一半是暗的一半是白的

我最初的想法是将两个图标层叠在一起。。灯光可以是
z-index:0
页面
z-index:1
和黑色
z-index:2
,但是黑色始终显示。。也许页面上隐藏了溢出?但是这些需要固定在窗户的侧面,并且不考虑溢出

页面的黑色部分是一个图像,所以不要指望它是黑色的

body{宽度:350px;背景色:#efefef;}
.图标{位置:固定;顶部:10px;左侧:10px;}
.icons.icon{color:#fff;}
.content{padding:0 20px;背景色:#fff;}

+
+
+
Lorem ipsum dolor sit amet,奉献精英。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智慧的解决方案,包括在molestiae,Aquiquam cupiditate Accustantium Concertetum enim natus laudantium?Lorem ipsum Door sit amet,Concertetur Adipsicing Elite的第三个月的第三个月的第三个月的第三个月的第三个月的第二个月的第三个月的第三个月的第三个月的第三个月。智商代表解决方案在molestiae、Aiquam Cupididate Accustantium Concertetum enim natus laudantium的第二个月的第二个月的第三个月的第三个月的第三个月的第三个月?

你有一些示例代码吗?@Terry我在这里添加了一把小提琴这是我制作的一把有趣的小提琴:--不完美,但这是一个想法