[問題] DIV濾鏡實作方法

[HYDRAGA (Light.Fox)]

各位前輩好
目前要做一個自己的攝影作品展示網站
http://www.broadening.tw/index_yianlin.html
目前的樣子長這樣
每個圖片滑鼠滑過去的時候會變彩色
現在我想要改成中間一個div區塊
捲動捲軸經過這個區塊的部分會變成彩色(想到手機不能滑鼠滑過去啊...

不知道有什麼實踐方式呢?
還是有什麼關鍵字可以查
感謝各位前輩
github如下
https://github.com/devmixcat/devmixcat.github.io

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.57.231.226
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1473756562.A.D4F.html
※ 編輯: HYDRAGA (61.57.231.226), 09/13/2016 16:54:40
→ steven11329: scrolltop？
→ HYDRAGA: 如果使用scrollTop的確可以到某個位置就把一個div的顏色
→ HYDRAGA: 變成彩色 可是要怎麼讓部份div的顏色變成彩色呢?
推 Gold740716: 所以你要圖片一半黑白一半彩色？
→ HYDRAGA: 應該說有點像中間的div是濾鏡 只要下方的黑白div經過濾鏡
→ HYDRAGA: 的div的地方就會變成彩色~~
→ HYDRAGA: 我想到解法了 要部分div的圖片變成彩色有困難 所以我改
→ HYDRAGA: 思路了 用scrollTop判斷如果到個高度 把該div變彩色就容
→ HYDRAGA: 易多了