[問題] 請問有些網站利用滾輪的效果是怎麼做的呢

看板Web_Design作者 (小魯怡情大魯傷身體)時間11年前 (2014/12/12 10:54), 編輯推噓3(3推 0噓 5→)
留言8則, 3人參與, 最新討論串1/1
各位先進好 先上例子：http://www.sony.com/be-moved/ 我知道有一種叫做視差滾動 但這個網站看起來似乎不是 像這個網站，去滾動滾輪，畫面上的東西就會拉進或拉遠甚至結合 請問像這樣是怎麼實作的呢？ 先在此感謝各位了！ -- Sent from my 3cm -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.120.19.218 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1418352894.A.D6F.html
推
12/12 11:05, , 1F
這是HTML5動畫，然後用輥輪當作進度棒吧
12/12 11:05, 1F
→
12/12 11:06, , 2F
你就想像用滾輪控制youtube的動畫就好
12/12 11:06, 2F
推
12/12 11:08, , 3F
然後配合時間軸，計算滾輪滾動多少時要把某些連結擺在
12/12 11:08, 3F
→
12/12 11:08, , 4F
特定的位置上，感覺像是動畫的一部分
12/12 11:08, 4F
→
12/12 11:09, , 5F
基本上應該就是一個不會自動播放的背景動畫加上一些元素
12/12 11:09, 5F
→
12/12 11:09, , 6F
但我不知道怎麼做 XD
12/12 11:09, 6F
推
12/12 12:07, , 7F
他每格都一張圖
12/12 12:07, 7F
→
12/12 16:13, , 8F
http://ppt.cc/DRWx 這裡有一篇解析文
12/12 16:13, 8F
‣ 更多 crossdunk 的文章
文章代碼(AID): #1KYbZ-rl (Web_Design)