PTT數位生活區 / Web_Design

[問題] 請問一個圖片的效果實作

看板Web_Design作者 (池田我婆)時間3年前 (2021/11/01 22:14), 3年前編輯推噓1(1推 0噓 3→)
留言4則, 2人參與, 最新討論串1/1
這裡是網址: https://videinfra.com/ 這是示意圖 https://imgur.com/gallery/Dbs4K8d 我有自己嘗試過 三張圖片第一張fixed 第二三張則沒有特別指定 是能產生第一張疊在第二張下面的效果 不過要像他那樣第二張也有fixed效果的話 請問該怎麼做啊? 感謝網頁設計版的大大們 -- https://imgur.com/a/Ws3oHbE https://imgur.com/a/wlNM9mX https://imgur.com/a/hqS5H0B https://imgur.com/MSB8sOw
https://imgur.com/W6QspRz
https://imgur.com/6V0tytz
-- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.44.150.3 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1635776098.A.22D.html
→
11/02 02:39, 3年前 , 1F
它是用JS動態調整三圖的translateY
11/02 02:39, 1F
→
11/02 03:01, 3年前 , 2F
簡單效果可以用 background-attachment: fixed;
11/02 03:01, 2F
→
11/02 03:02, 3年前 , 3F
11/02 03:02, 3F
感謝大大的解答! ※ 編輯: crowley (114.44.138.141 臺灣), 11/02/2021 23:40:49
推
11/12 13:16, , 4F
推 Rplus
11/12 13:16, 4F
‣ 更多 crowley 的文章
文章代碼(AID): #1XV_PY8j (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 crowley 的文章
文章代碼(AID): #1XV_PY8j (Web_Design)