分享一个超级实用的瀑布流框架 —— 堆糖瀑布流完整解决方案(jQuery)

堆糖瀑布流完整解决方案(jQuery)


特点：

o) 数据配置灵活，可在html 里直接放置瀑布流单元(一般只放第一子页)。

o) 数据格式灵活，可处理josn格式的数据(推荐)，也可兼容html字符串格式的数据。

o) 独立的数据控制文件 masnunit.js。

o) 同一页面上通过tab 切换植入多个不同类型的瀑布流，切换无刷新。

o) 不同于infinite 瀑布流，可进行翻页控制。子页数量设置无限大时等同于infinite。

o) 实现hash 无刷新翻页，并兼容浏览器的前进后退功能。

o) 至页底时，会预加载下一页第一子页内容。

o) 根据当前环境自动控制瀑布流列数，可自适应屏幕宽度，也可通过 data-domwidth 设置固定宽度。

o) 可采用 sink 模式，在瀑布流左侧或右侧第一列嵌入外部区块。

o) 可配置直接向前(后)翻页的小翻页器。

o) 自带回到顶部功能，并能控制距离顶部的准确位置，准确说是回到预埋锚点的位置(可设置偏移量)。

o) 强大的 window resize 自动重绘功能(IE下不建议打开此功能)。

o) 可通过配置参数激活特殊列(只能是最左或最右列)，此列宽度可不同于其它列。

o) 灵活的参数设置，比如：子页数量、子页内单元数量、瀑布流单元宽度和间距 等等等等。

立即体验请看这里：
http://www.duitang.com/app/woo/examples/main.html

下载源码请访问GitHub地址：
https://github.com/duitang/waterfall

更多特点请看这里：
http://blog.duitang.com/2013/10/woo/