[問題] 這個網頁的技術

看板Web_Design作者 (清新柳橙)時間9年前 (2016/07/28 09:19), 9年前編輯推噓5(500)
留言5則, 5人參與, 最新討論串1/1
請問下面這個網頁中滑鼠滾到our services才會開始跑動畫,是要搜尋什麼樣的技巧才能 達到這樣的效果? 網址:http://www.fusions360.com -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.13.97.123 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1469668769.A.51F.html ※ 編輯: steven11329 (101.13.97.123), 07/28/2016 09:22:14 ※ 編輯: steven11329 (101.13.97.123), 07/28/2016 09:23:05

07/28 09:27, , 1F
scrollspy?
07/28 09:27, 1F

07/28 09:52, , 2F
看起來像是lazy load
07/28 09:52, 2F

07/28 10:08, , 3F
原來是lazy load,只想到 scrollmagic + css3動畫 orz
07/28 10:08, 3F
樓上大大的方法是更高級的,因為這個網站動畫只會執行一次。大大的可以重播。 ※ 編輯: steven11329 (101.13.97.123), 07/28/2016 10:34:27

07/28 14:24, , 4F
判斷捲軸位置然後觸發js或css事件?
07/28 14:24, 4F
樓上大大能否提供教學範例的網站?(懇求 ※ 編輯: steven11329 (36.225.163.91), 07/28/2016 20:24:12

07/29 07:43, , 5F
找Animate的css應該就可以做到差不多的效果了(?
07/29 07:43, 5F
文章代碼(AID): #1NcLsXKV (Web_Design)
文章代碼(AID): #1NcLsXKV (Web_Design)