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

Question

我想在一定量的滚动后将简单图标的颜色从白色更改为黑色（由于背景颜色的变化）。请参阅http://www.euimpact.com/erikverwey并向下滚动 - 你会明白我的意思）。

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

但我猜这是不可能的，是吗？

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

非常感谢！

Answer 1

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

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

一个fiddle

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

我fiddle为您创建了另一个，其中 div 更改了边缘的颜色，但我已经完成了完整的数学运算，因此您会看到一些问题。但是您可以玩弄小提琴以找出确切的值以使其适合您。