随页面滚动动态加载内容的实现方法

近几年很多新式网站都有随页面滚动动态加载内容的效果，这个效果是如何实现的呢，分三个步骤。

第一步：scrollreveal.js

在头部引用这个js，网上有很多，大家可以去下载，下面是我提供的：

https://pan.baidu.com/s/1racCByk

第二步：在</body>之前加上下面这段js

1. <script> 
2.     if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {//判断是否为IE浏览器，如果不是，则： 
3.         (function () { 
4.             window.scrollReveal = new scrollReveal({reset: true});//运行页面滚动显示动画js 
5.         })(); 
6.     } 
7.     ; 
8. </script> 

有注释，大家一看都明白。

第三步：在需要有动效的div标签里加上data-scroll-reveal="enter top over 1s after 0.5s"，这句代码意思是当页面滚动到这个盒子0.5s之后盒子从上方淡入。enter后面有top、right、bottom、left。

效果见本站首页的“全站推荐”和“友情链接”。