Definition
瀑布流布局,在视觉上表现为参差不齐的多栏布局,随着页面滚动条向下滚动,新数据不断被加载进来。 瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作。 瀑布流的主要特性便是错落有致,于乱中见序,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳,同时给人以不拘一格的感觉,切中年轻一族的个性化心理。
最早采用此布局的网站是Pinterest,逐渐在国内流行开来。
目前主流的布局方式是以下三种:
传统的多列浮动:如wap端天猫的搜索结果页就是左右两列浮动布局
通过绝对定位的方式:如Pinterest。
使用css3实现。
本文重点讨论的是第三种。
Origin
我组负责的搜索结果页布局是传统的格子布局,通过
延伸阅读
学习是年轻人改变自己的最好方式