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

2013-10-12 21:28:04 +08:00
 balibell
堆糖瀑布流完整解决方案(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/
6666 次点击
所在节点    分享创造
13 条回复
qiayue
2013-10-12 21:51:48 +08:00
这个不错
jjplay
2013-10-12 21:59:03 +08:00
mark
jacy
2013-10-12 22:43:01 +08:00
有kissy版的就好了,正好想改一下TAE的瀑布流
darasion
2013-10-12 23:25:03 +08:00
一眼看成了糖堆儿...
ayang23
2013-10-13 00:20:50 +08:00
马克,不错。
loethen
2013-10-13 11:48:02 +08:00
@darasion 猫友。。。
netputer
2013-10-13 16:53:59 +08:00
如果能用 translate 进行移位就更好了。
balibell
2013-10-13 22:04:28 +08:00
@netputer resize 的时候,已经有transition 的效果了。
balibell
2013-10-13 22:05:54 +08:00
@darasion 堆糖网,网友容易经常误读成推糖。
balibell
2013-10-13 22:06:44 +08:00
@jacy kissy 版啊,有兴趣可以交流下,加我qq 54180405
yyy
2013-10-14 09:02:55 +08:00
mark
destec
2013-10-14 11:19:59 +08:00
这个先留着,改版用得上。
fanghui
2013-10-15 08:49:10 +08:00
不错,收下了,以后慢慢看,谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/85387

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX