[问题] 网页下滑触发动画是怎么做的？ yorock PTT批踢踢实业坊

[问题] 网页下滑触发动画是怎么做的？

楼主: yorock (Remix) 2018-03-07 12:25:37

https://www.papertiger.com/
https://www.adidas.com/us/speedfactory
上面是两个范例网站
滑到特定位置时会触发自订的动画
我目前知道 AOS.js 或 wow.js 这些
但这些好像都只能淡入淡出之类的效果
所以想请问像网页上这种滑到特定位置才触发自订动画的效果是怎么写的？
如果是监听滚轴位置的话
在电脑版跟手机版时是不是要分开监听？因为滚轴高度会不同
还是有什么类似的 libarary 可以推荐？

作者: yuoo1580 (da5f) 2018-03-07 12:55:00

waypoints?

作者: ymcheung (ymc) 2018-03-07 13:42:00

scrollmagic 也很浅显易懂不过最近碰到要算滑动距离，就要用 eqcss

作者: jones86723 (jones) 2018-03-13 13:56:00

我也是用Scroll magic

继续阅读

“出售” 碁峰出版 Asp.net 程式开发美学Tripadvisor [问题] 在google搜寻显示问题resad [问题] 设定zoom最低值（浏览器缩小）kimibear [问题] CSS3的特效教学网站wind681201 [问题] html5废弃标签Fordevoted Re: [问题] 网站大改影响搜寻引擎排行的问题idareyou [问题] 网站大改影响搜寻引擎排行的问题cooxander [问题] 在图上画圈圈lenofire [问题] 用CSS排版自动适应宽度的inline项目表danny0838 [问题] html5 拖放问题lenofire