作者HYDRAGA (Light.Fox)
看板Web_Design
標題[問題] DIV濾鏡實作方法
時間Tue Sep 13 16:49:19 2016
各位前輩好
目前要做一個自己的攝影作品展示網站
http://www.broadening.tw/index_yianlin.html
目前的樣子長這樣
每個圖片滑鼠滑過去的時候會變彩色
現在我想要改成中間一個div區塊
捲動捲軸經過這個區塊的部分會變成彩色(想到手機不能滑鼠滑過去啊...
不知道有什麼實踐方式呢?
還是有什麼關鍵字可以查
感謝各位前輩
github如下
https://github.com/devmixcat/devmixcat.github.io
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.57.231.226
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1473756562.A.D4F.html
※ 編輯: HYDRAGA (61.57.231.226), 09/13/2016 16:54:40
1F：→ steven11329: scrolltop？ 09/13 17:35
2F：→ HYDRAGA: 如果使用scrollTop的確可以到某個位置就把一個div的顏色 09/13 17:53
3F：→ HYDRAGA: 變成彩色 可是要怎麼讓部份div的顏色變成彩色呢? 09/13 17:53
4F：推 Gold740716: 所以你要圖片一半黑白一半彩色？ 09/13 21:38
5F：→ HYDRAGA: 應該說有點像中間的div是濾鏡 只要下方的黑白div經過濾鏡 09/14 09:40
6F：→ HYDRAGA: 的div的地方就會變成彩色~~ 09/14 09:41
7F：→ HYDRAGA: 我想到解法了 要部分div的圖片變成彩色有困難 所以我改 09/14 13:32
8F：→ HYDRAGA: 思路了 用scrollTop判斷如果到個高度 把該div變彩色就容 09/14 13:33
9F：→ HYDRAGA: 易多了 09/14 13:33