用到了aos.js，可以实现页面滚动触发动画，淡入淡出、翻转、滑动
简单的示例：
<link rel="stylesheet" href="dist/aos.css" /> <script src="js/jquery.min.js"></script> <script src="dist/aos.js"></script> <div class="box" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="800" data-aos-once="true"> <script type="text/javascript"> AOS.init(); </script>
参数
| 属性 | 属性 | 默认值 |
| aos-offset | 是立刻触发动画还是在指定时间之后触发动画 | 120 |
| aos-duration | 动画持续时间 | 400 |
| aos-easing | 动画的easing动画效果 | ease |
| aos-delay | 动画的延迟时间 | 0 |
| aos-anchor | 锚元素。使用它的偏移来取代实际元素的偏移来触发动画 | null |
| aos-anchor-placement | 锚位置，触发动画时元素位于屏幕的位置 | top-bottom |
| aos-once | 动画是否只会触发一次，或者每次上下滚动都会触发 | false |
动画效果也可以全局配置，棒棒的
项目地址：GitHub - michalsnik/aos： Animate on scroll library
作者：
