ajax实现瀑布流（如花瓣网的效果）

一、什么是瀑布流？
瀑布流,是一种比较流行的网站页面布局方式，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。这种布局方式常见于一些图片为主的网站，就比如说一些常见的网站(如花瓣网)

二、为什么要用瀑布流？
1、用户体验好
当用户在浏览网页的时候，用户会产生一种错觉，就是信息是不停的在更新的，这会激发用户的好奇心，使用户不停的往下滑动，带来良好的视觉体验
2、更好的适应移动端
由于移动设备屏幕比电脑小，一个屏幕显示的内容不会非常多，因此可能要经常翻页。而在建网站时使用瀑布流布局，用户则只需要进行滚动就能够不断浏览内容。

三、瀑布流的实现原理

列数固定，宽度相等，但是每个子项高度不固定，每次刷新展示10个数据，当滚动条下拉到底时再展示10个数据，每次添加新数据时按照列高最低的列添加，如图示：
https://mp.csdn.net/mdeditor/94639944 这篇讲述了懒加载的原理，由此知道如何判断某个元素进入或者即将进入可视窗口区域

而瀑布流加载图片与懒加载方式类似，如图
如果 $