瀑布流,又称瀑布流式布局。是目前比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为 这类风格。
参考资料:
http://baike.baidu.com/view/7151782.htm
http://ued.taobao.com/blog/2011/09/14/waterfall/(KISSY.Waterfall 实现思路、示例和文档)
KISSY.Waterfall:
KISSY 的 Waterfall 组件:http://docs.kissyui.com/docs/html/api/component/waterfall/
数据块排列:https://github.com/kissyteam/kissy/blob/master/src/waterfall/base.js
异步加载数据:https://github.com/kissyteam/kissy/blob/master/src/waterfall/loader.js
Waterfall API 文档:http://docs.kissyui.com/docs/html/api/component/waterfall/
示例:http://docs.kissyui.com/docs/html/demo/component/waterfall/
补充:
kissy?
KISSY 是由淘宝前端攻城师们发起创建的一个开源 JS 类库。她遵循的原则是 小巧灵活、简洁实用、愉悦编码、快乐开发。
近期评论