AOS动画滚动库

联合创作 · 2023-09-23 23:37

AOS(Animate on scroll)是小型动画滚动库,可在页面滚动时给元素添加动画效果。CSS3 驱动,效果类似于 WOWJS。

构建

安装 AOS

使用 bower

bower install aos --save

使用 npm

npm install aos --save

->直接下载

Link styles

<link rel="stylesheet" href="bower_components/aos/dist/aos.css" />

Add scripts

<script src="bower_components/aos/dist/aos.js"></script>

AOS 从 1.2.0 版本可用作 UMD 模块,因此您可以将其用作 AMD,Global,Node 或 ES6 模块。

Init AOS

<script>
  AOS.init();  
</script>
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报