簡介：
aos.js是一款效果超贊的頁面滾動元素動畫jQuery動畫庫插件。該動畫庫可以在頁面滾動時提供28種不同的元素動畫效果，以及多種easing效果。在頁面往回滾動時，元素會恢復到原來的狀態。
使用方法：
在頁面中引入aos.css文件,jquery和aos.js文件
1 <link rel="stylesheet" href="dist/aos.css" /> 2 <script src="js/jquery.min.js"></script> 3 <script src="dist/aos.js"></script>
HTML結構：
要使用aos動畫庫，你需要做的就是在需要動畫的元素上添加aos屬性，例如：
1 <div aos="animation_name">
aos腳本將會在頁面滾動時，在該元素上觸發相應的動畫
注意，aos-duration的動畫持續時間的范圍從50-3000毫秒，如果你想設置更大的值，可以在頁面中添加下面的CSS代碼：
body[aos-duration='4000'] [aos], [aos][aos][aos-duration='4000']{ transition-duration: 4000ms; }
上面的代碼將動畫的持續時間修改為4000毫秒。
示例代碼：
1 <div aos="fade-zoom-in" aos-offset="200" aos-easing="ease-in-sine" aos-duration="600"> 2 <div aos="flip-left" aos-delay="100" aos-anchor=".example-selector"> 3 <div aos="fade-up" aos-anchor-placement="top-center">
全局配置：
如果不想單獨每個元素做一個動畫配置，你可以通過init()方法來統一配置所有元素的動畫效果
1 AOS.init({ 2 offset: 200, 3 duration: 600, 4 easing: 'ease-in-sine', 5 delay: 100, 6 });
AOS提供了2個額外的配置方法，這些方法只能夠在初始化時使用。
禁用AOS：
1 AOS.init({ 2 disable: 'mobile' 3 });
可以傳入3種設備的類型：mobile、phone或tablet。
也可以設置自己的禁用條件，例如在屏幕小於1024像素時禁用AOS：
1 disable: window.innerWidth < 1024
或者傳入一個函數，返回true或false。
1 disable: function () { 2 var maxWidth = 1024; 3 return window.innerWidth < maxWidth; 4 }
動畫和錨位置：
動畫：
