scrollReveal（页面缓入效果插件）

scrollReveal（页面缓入效果插件）实现页面滚动时动画加载元素效果

　　前面我去了解了元素距页面视图距离，想实现页面滚动是动画加载元素（https://www.cnblogs.com/chenghuayike/p/11970731.html）到处撞墙，心肥意冷啊┭┮﹏┭┮，猛然间发现了scrollReveal 插件，查看了官档后明白过来，这不就是我想实现的效果嘛，还是太过于萌新了。。。

　　好了，接下来我总结了一下 scrollReveal 插件的基本使用方法，加强记忆！！

　　scrollReveal 插件使用起来非常的简单，三部曲：

　　1.引入 scrollReveal ：

　　<script src="https://unpkg.com/scrollreveal" type="text/javascript" charset="utf-8"></script>
　　// 或者下载到本地使用

　　2.js代码：

window.sr = ScrollReveal();
sr.reveal('.foo'); // 这里的 .foo 为元素类名 引用与jquery语法相同

　　3.html代码：

    <div id="containers">
   　　 <div class="foo"> Foo