[問題] DIV濾鏡實作方法

看板Web_Design作者 (Light.Fox)時間7年前 (2016/09/13 16:49), 7年前編輯推噓1(108)
留言9則, 3人參與, 最新討論串1/1
各位前輩好 目前要做一個自己的攝影作品展示網站 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

09/13 17:35, , 1F
scrolltop?
09/13 17:35, 1F

09/13 17:53, , 2F
如果使用scrollTop的確可以到某個位置就把一個div的顏色
09/13 17:53, 2F

09/13 17:53, , 3F
變成彩色 可是要怎麼讓部份div的顏色變成彩色呢?
09/13 17:53, 3F

09/13 21:38, , 4F
所以你要圖片一半黑白一半彩色?
09/13 21:38, 4F

09/14 09:40, , 5F
應該說有點像中間的div是濾鏡 只要下方的黑白div經過濾鏡
09/14 09:40, 5F

09/14 09:41, , 6F
的div的地方就會變成彩色~~
09/14 09:41, 6F

09/14 13:32, , 7F
我想到解法了 要部分div的圖片變成彩色有困難 所以我改
09/14 13:32, 7F

09/14 13:33, , 8F
思路了 用scrollTop判斷如果到個高度 把該div變彩色就容
09/14 13:33, 8F

09/14 13:33, , 9F
易多了
09/14 13:33, 9F
文章代碼(AID): #1NrxsIrF (Web_Design)