Github
14.9k star，可见使用的人还是很多的。
https://github.com/michalsnik/aos
使用方式
下载对应的js和css文件
链接rel=’stylesheet’ href=’./dist/aos.css’/script src=’./dist/aos.js’/script 脚本AOS.init(); /script 或使用包管理工具
纱线添加aos@nextor npm install –save aos@nextimport AOS from ‘aos’;导入’aos/dist/aos.css’; AOS.init();最简单的使用方法是
AOS.init();或者你可以自己配置一些选项
AOS.init({ //全局配置：disable: false, //接受以下值： “phone”, “tablet”, “mobile”, boolean, expression or function startEvent: ‘DOMContentLoaded’, //调度事件的值在文档名称上，应在此事件上初始化AOS initClassName: ‘aos-init’, //初始化后应用的类animatedClassName: ‘aos-animate’, //动画类名useClassNames: false, //如果为true，滚动时会将“data aos”的内容添加为类。disableMutationObserver: false, //禁用自动突变检测（高级） debounceDelay: 50,//调整窗口大小时使用的反跳延迟（高级）throttleDelay: 99, //使用的油门延迟滚动页面时（高级） //可以在每个元素的基础上覆盖的设置，每个`data aos-*` 属性： offset: 120, //距原始触发点的偏移量（px） delay: 0, //来自的值0 到3000，步长为50ms period: 400, //值从0 到3000，步长为50ms easing: ‘ease’, //AOS 动画的默认缓动Once: false, //动画是否只发生一次（向下滚动时）Mirror: false, //当元素滚动经过它时，anchorPlacement 是否应该动画： ‘top-bottom ‘, //定义元素应该在相对于窗口的位置触发动画});使用data-aos 属性设置动画：
div data-aos=’fade-in’/div 并使用data-aos-* 属性来调整行为：
div data-aos=’淡出’ data-aos-offset=’200′ data-aos-delay=’50’ data-aos-duration=’1000′ data-aos-easing=’ease-in-out’ data-aos-mirror=’true’ data-aos-once=’false’ data-aos-anchor-placement=’top-center’ /div 动画效果如下：
用户评论
来自火星球的我
看了这篇文章，感觉网页滚动动画效果真的很重要啊，AOS这个方法听起来挺高级的。打算试试看，看看能不能给我的网站增色不少。
有15位网友表示赞同！
微信名字
我一直觉得网页设计得再好，没有动画效果总觉得差点什么。AOS的方法听起来挺实用的，下次设计的时候得试试。
有14位网友表示赞同！
无关风月
网页滚动动画效果确实能让页面更生动，AOS的方法听起来挺简单的，我要赶紧学起来。
有13位网友表示赞同！
晨与橙与城
这个AOS方法太酷了，之前就看到过一些网站用这样的动画效果，感觉很有创意。文章里提到的技巧很实用。
有5位网友表示赞同！
一别经年
文章写得真不错，AOS这个方法听起来很专业，我得好好研究研究，看看怎么应用到自己的项目中。
有8位网友表示赞同！
惦着脚尖摘太阳
网页滚动动画效果做不好，真的会让人感觉页面很low。AOS的方法听起来不错，但不知道操作起来难不难。
有5位网友表示赞同！
温柔腔
我之前做的网站就是没有用到滚动动画效果，看完这篇文章，我打算试试AOS，希望能让网站更吸引人。
有13位网友表示赞同！
何年何念
AOS这个名字听起来就很高大上，但文章里讲得还是挺详细的，我觉得应该能学会。
有5位网友表示赞同！
我要变勇敢℅℅
网页滚动动画效果确实能让用户体验大大提升，AOS这个方法我之前没听说过，得好好了解一下。
有18位网友表示赞同！
冷眼旁观i
这个AOS方法太赞了，感觉可以给网站带来很多惊喜。已经迫不及待想试试了。
有5位网友表示赞同！
优雅的叶子
之前做网站的时候，就是忽略了滚动动画效果，现在看文章才知道这个AOS方法，希望能为网站增色不少。
有8位网友表示赞同！
毒舌妖后
文章里提到的AOS动画效果听起来很有趣，但不知道实际操作起来会不会很复杂。
有18位网友表示赞同！
拉扯
网页滚动动画效果确实能提升用户体验，但我觉得过度使用反而会让人感到烦躁。AOS方法看起来不错，但适度使用才是关键。
有18位网友表示赞同！
花容月貌
这篇文章让我对AOS有了更深的了解，感觉这个方法可以给网站带来很多新的可能性。
有15位网友表示赞同！
?娘子汉
AOS这个名字听起来很有科技感，我觉得这个方法应该很受欢迎。已经收藏了文章，准备好好研究一下。
有20位网友表示赞同！
等量代换
网页滚动动画效果做得好，真的能让页面看起来更高级。AOS的方法我打算尝试一下，看看效果如何。
有12位网友表示赞同！
Hello爱情风
这篇文章让我对网页滚动动画效果有了新的认识，AOS这个方法听起来很有用，我得试试看。
有19位网友表示赞同！
浮光浅夏ζ
AOS动画效果听起来挺有意思的，但我觉得如果做得太花哨，反而会影响阅读体验。适度使用才是关键。
有6位网友表示赞同！
龙吟凤
这篇文章让我对网页设计有了新的启发，AOS的方法听起来很有潜力，我得好好研究研究。
有17位网友表示赞同！