现在很流行的网页下拉加载动画效果，是用什么技术实现的呢？只用了js和css3吗？请知道的人详细回答

Question

目前很流行的，当下拉网页到一定高度时，就会加载一些动画，继续下拉，就继续加载，是否只是用js判断位置，用css3呈现动画效果呢？还是有涉及ajax等，请高手详细回答，复制粘贴的就不要来骗新手了！

Answer 1

其实这样的说起来简单，要做出来还是有一些难度的，其实都是在围绕着js来做的一系列事情，首先用js监听网页的滚动事件和窗口改变大小事件，从这两个事件判断网页是否已经到了该加载新数据的时候，如果到了就应该用js去做加载效果，同时用ajax获取远程数据，等获取远程数据返回数据后，在用js展现返回的数据，同时吧加载的效果去掉，大概是这样的

js==》事件 scroll resize
在scroll和resize中判断网页的位置
如果位置正好
js修改css ==》加载效果 同时 获取数据（ajax）
等获取数据成功（ajax返回数据） 用js展现数据 == 同时取消加载效果
基本流程如此

Answer 2

就用了js判断当前滚动条是否滚动到页尾，如果到页尾，就通过ajax请求去加载数据（这里加载的可能是json数据也可能是直接的html代码）,然后将数据呈现追加在页尾，这就是获取的新的内容了

Answer 3

JS+CSS+ajax
JS做动画，CSS做布局，ajax获取数据