作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1520396748.A.2C8.html
1F：→ yuoo1580: waypoints? 03/07 12:55
2F：推 ymcheung: scrollmagic 也很浅显易懂 03/07 13:42
3F：→ ymcheung: 不过最近碰到要算滑动距离，就要用 eqcss 03/07 13:42
4F：推 jones86723: 我也是用Scroll magic 03/13 13:56