扒皮下京東首頁樓層圖標的動畫效果實現方式

京東首頁的樓層圖標默認是灰色的，但拉動滾動條，讓該圖標從下方挪動到屏幕正中的時候，該圖標會顯示出從上到下由灰變綠的動畫效果，如下圖 這種效果很有Lazyload的範，也是挺吸引眼球的交互方式，下面用JQ來仿造下這種效果的實現方式，其實挺簡單。 首先我是做了2個gif分別作爲圖標的默認狀態和動畫狀態（注意第二個gif的動畫效果只顯示一次，不循環的，而且是從下往上<做的着急了點，跟京東的動畫方向相反了

>>阅读原文<<