什么是瀑布流？
瀑布流，又称瀑布流式布局，是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部，最早采用此布局的网站是Pinterest，逐渐在国内流行开来，国内大多数清新站基本为这类风格。
瀑布流布局的加载原理？
1、 首先加载开始显示的数据：显示方式一般是，加载列的倍数，从一个二维数组中读取列的倍数的键值（键值必须按照默认排序） 。
2、进度条往下拉时，通过js计算进度条已经过去的高度+屏幕的高度-第一条离最上面的高度-当前列已有的高度是否大于某个固定值，如果大于，证明下面没有内容了，AJAX读取数据加载。
3、 AJAX返回的数据为多条已经加载好的HTML，添加到已有数据的底部，可以是一条或者是多条，添加到某一列下面。添加时为一行一行的还木有想到怎么加。
瀑布流布局的优点与缺点？
布局优点
1、布局简单，没有特别的难点。
2、不必明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。
布局缺点
1、列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列。
2、滚动加载更多数据时，还要指定插入到第几列中，不够方便。
3、只有高级浏览器中才能使用。
4、数据块排列是从上到下排列到一定高度后，再把剩余元素依次添加到下一列，这个本质上就不一样了。
鉴于这些主要缺点，注定了该方法只能局限于高端浏览器，而且，更适合于文字多栏排列。
瀑布流布局案例欣赏？
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery教程 瀑布流 瀑布流布局 jquery瀑布流