Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件，用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。

要使用的話就是先讀入 css 及 js：

<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

 

接下來初始化：

AOS.init();

 

接著就可以透過設定的方法使用內建的動畫了。

<div data-aos="fade-up"></div>

更多的用法可以看文件說明。