作者yorock (Remix)
看板Web_Design
標題[問題] 網頁下滑觸發動畫是怎麼做的?
時間Wed Mar 7 12:25:37 2018
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
→ yuoo1580: waypoints? 03/07 12:55
推 ymcheung: scrollmagic 也很淺顯易懂 03/07 13:42
→ ymcheung: 不過最近碰到要算滑動距離,就要用 eqcss 03/07 13:42
推 jones86723: 我也是用Scroll magic 03/13 13:56