滚动后更改固定图像的颜色

我想在一定量的滚动之后（由于背景颜色的变化）将简单图标的颜色从白色更改为黑色 – 然后返回。 请访问http://www.euimpact.com/erikverwey并向下滚动 – 您将看到我的意思。

现在我希望以某种方式在CSS / JQuery中做到这一点，并且有一个平滑的过渡，即当穿过线时图像可能是半黑半白。

但我猜这不可能，是吗？

我是否只需要在某个滚动点切换到不同的图像？

非常感谢！

Answer 1

我不认为边缘可能有不同的颜色

但要更改颜色，您可以使用窗口滚动

小提琴

$(window).scroll(function(){ if($(window).scrollTop()<800){ $('#fixed').css('background-color','Yellow'); }else{ $('#fixed').css('background-color','White'); } }) 

我为你创造了另一个小提琴 ，其中div改变了边缘的颜色，但我已经完成了完整的数学，所以你会看到一些问题。 但是你可以在小提琴周围找到确切的值，以使其适合你。