[問題] 這種像是頁面mask的網站特效該怎麼做?

看板Web_Design作者 (saki)時間12年前 (2014/01/07 20:22), 編輯推噓2(204)
留言6則, 3人參與, 最新討論串1/1
http://www.designbutik.com.tw/#Brand http://www.pazzo.com.tw/Shop/ 最近很常看到許多網站使用這種呈現方式 往下拉 圖片會有點像是被mask 圖片沒有移動 改變的只是顯示的範圍 想請問這種特效要怎麼做出來? 或是有大大能告知這是用甚麼寫出來的嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 36.233.42.66 ※ 編輯: chisawasaki 來自: 36.233.42.66 (01/07 20:24)

01/07 21:30, , 1F
視差滾動。當滾動捲軸的時候移動你的多個目標物,捲動
01/07 21:30, 1F

01/07 21:30, , 2F
的距離不一樣就會有這樣的效果了
01/07 21:30, 2F

01/07 22:41, , 3F
我以前用過一種作法是你想固定在畫面上的就display:fixed
01/07 22:41, 3F

01/07 22:42, , 4F
其他的就跟平常捲動一樣 就會有這樣的效果 但是這樣的話
01/07 22:42, 4F

01/07 22:43, , 5F
這兩個得分成兩個區塊處理 我是不知道這樣寫合不合適啦..
01/07 22:43, 5F

01/07 23:33, , 6F
他有用jquery插件阿,拿名稱去查查不就知道了?
01/07 23:33, 6F
文章代碼(AID): #1Io_5lvU (Web_Design)