瀑布流是什么

瀑布流的应用

瀑布流类型的网站特点

瀑布流的实现方式

瀑布流布局的优点

瀑布流布局的缺点

瀑布流是什么

瀑布流，又称瀑布流式布局。是目前比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。

瀑布流的应用

瀑布流网站主要运用于轻博客.导购网站等，国内应用此布局的知名网站比如点点网、蘑菇街、淘宝哇哦、hi淘网、淘博网等等。

瀑布流类型的网站特点

1.琳琅满目：整版以图片为主，大小不一的图片按照一定的规律方式排列。

2.唯美：图片的风格以唯美的图片为主。

3.操作简单：在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。

瀑布流的实现方式

1、传统多列浮动。代表网站 蘑菇街和哇哦

2、用CSS3实现

3、绝对定位。代表网站Pinterest

瀑布流布局的优点

1、布局简单，没有特别的难点；

2、不必明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。

瀑布流布局的缺点

1、列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列；

2、滚动加载更多数据时，还要指定插入到第几列中，不够方便。

3、只有高级浏览器中才能使用；

4、数据块排列是从上到下排列到一定高度后，再把剩余元素依次添加到下一列，这个本质上就不一样了；

鉴于这些主要缺点，注定了该方法只能局限于高端浏览器，而且，更适合于文字多栏排列。