[問題] 網頁下滑觸發動畫是怎麼做的?

看板Web_Design作者 (Remix)時間7年前 (2018/03/07 12:25), 編輯推噓2(202)
留言4則, 3人參與, 7年前最新討論串1/1
https://www.papertiger.com/ https://www.adidas.com/us/speedfactory 上面是兩個範例網站 滑到特定位置時會觸發自訂的動畫 我目前知道 AOS.js 或 wow.js 這些 但這些好像都只能淡入淡出之類的效果 所以想請問像網頁上這種滑到特定位置才觸發自訂動畫的效果是怎麼寫的? 如果是監聽滾軸位置的話 在電腦版跟手機版時是不是要分開監聽?因為滾軸高度會不同 還是有什麼類似的 libarary 可以推薦? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.250.94.102 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1520396748.A.2C8.html

03/07 12:55, 7年前 , 1F
waypoints?
03/07 12:55, 1F

03/07 13:42, 7年前 , 2F
scrollmagic 也很淺顯易懂
03/07 13:42, 2F

03/07 13:42, 7年前 , 3F
不過最近碰到要算滑動距離,就要用 eqcss
03/07 13:42, 3F

03/13 13:56, 7年前 , 4F
我也是用Scroll magic
03/13 13:56, 4F
文章代碼(AID): #1QdsdCB8 (Web_Design)
文章代碼(AID): #1QdsdCB8 (Web_Design)