滚动后改变定影图像的颜色(change color of fixed image after scr

2019-09-02 06:10发布

我想一个简单的图标的颜色从白色变成黑色 - 和回 - 一定量的滚动(由于背景颜色的改变)之后。 见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改变边缘的颜色,但我也做了完整的数学,所以你会看到一些问题。 但是,就可以在小提琴演奏,找出确切值,以使该为你工作。



文章来源: change color of fixed image after scrolling
标签: jquery scroll