上一章我們介紹了利用wow和animate來實現(xiàn)滾動加載動畫，本章我們再來介紹同樣能實現(xiàn)該功能的ScrollReveal.js，他不像wow.js一樣需要依賴于animate.css，自己就提供了許多動畫效果，且比較輕量級，加載速度更快。
首先需要引入該庫，可以通過CDN鏈接或者下載庫文件來引入。
然后就可以在需要應(yīng)用動畫效果的HTML元素上添加data-scroll-reveal屬性，并在屬性中設(shè)置相應(yīng)的動畫效果配置。
data-scroll-reveal屬性有以下幾個值：
1.enter動畫起始方向
值: top | right | bottom | left
2.move動畫執(zhí)行距離
值: 數(shù)字，以 px 為單位
3.over動畫持續(xù)時間
值: 數(shù)字，以秒為單位
4.after/wait 動畫延遲時間
值: 數(shù)字，以秒為單位
除此之外，還可以在 data-scroll-reveal 屬性里填充（添加）一些類似編程的“語句”，使其更有可讀性：
from the and then but with ,
如下面的兩條代碼都定義了延遲2秒、從底部進入、持續(xù)1秒的動畫效果：
關(guān)鍵詞:
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
