导航: 首页 >> 建站知识

什么是瀑布流网站?如何应用瀑布流式布局?

文章关键字:瀑布流页面布局 文字显示:|正常|


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

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

瀑布流类型的网站特点
1.琳琅满目:整版以图片为主,大小不一的图片按照一定的规律方式排列。
2.美观:图片的风格以唯美的图片为主。
3.操作简单:在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前。

瀑布流的实现方式
1.jQuery
2.kissy (淘宝开发的)
3.原生js

瀑布流布局的优点
1、布局简单,没有特别的难点;
2、不必明确知道数据块高度,当数据块中有图片时,就不需要指定图片高度。

瀑布流布局的缺点  
1、列数固定,扩展不易,当浏览器窗口大小变化时,只能固定的x列,如果要添加一列,很难调整数据块的排列;
2、滚动加载更多数据时,还要指定插入到第几列中,不够方便。
3、只有高级浏览器中才能使用;
4、数据块排列是从上到下排列到一定高度后,再把剩余元素依次添加到下一列,这个本质上就不一样了;
  鉴于这些主要缺点,注定了该方法只能局限于高端浏览器,而且,更适合于文字多栏排列。

改进的瀑布流布局
  由于主要应用于图片浏览,所以针对某些网站比如购物类、图片素材类、博客等比较适合,其他网站可以参考瀑布流布局特点,最主要的改进是应该增加自适应浏览器宽度,相信这一功能实现之后,再结合win7风格将再掀风靡时尚潮流。另外瀑布流为直线导向,最好做边侧导航引导,扩展发散思维,将单一内容扩展开。


上一篇文章:百度快照更新日期滞后的原因分析

下一篇文章:进口防腐阀门|衬里阀门|衬氟阀门|防腐泵|衬里泵|衬氟泵网站的优化