涵盖以下特点:
- 数据配置灵活,可在 html 里直接放置瀑布流单元(一般只放第一子页)。
- 数据格式灵活,可处理 josn 格式的数据(推荐),也可兼容 html 字符串格式的数据。
- 独立的数据控制文件 masnunit.js。
- 同一页面上通过 tab 切换植入多个不同类型的瀑布流,切换无刷新。
- 不同于 infinite 瀑布流,可进行翻页控制。子页数量设置无限大时等同于 infinite。
- 实现 hash 无刷新翻页,并兼容浏览器的前进后退功能。
- 至页底时,会预加载下一页第一子页内容。
- 根据当前环境自动控制瀑布流列数,可自适应屏幕宽度,也可通过 data-domwidth 设置固定宽度。
- 可采用 sink 模式,在瀑布流左侧或右侧第一列嵌入外部区块。
- 可配置直接向前(后)翻页的小翻页器。
- 自带回到顶部功能,并能控制距离顶部的准确位置, 准确说是回到预埋锚点的位置(可设置偏移量)。
- 强大的 window resize 自动重绘功能( IE 下不建议打开此功能)。
- 可通过配置参数激活特殊列(只能是最左或最右列),此列宽度可不同于其它列。
- 灵活的参数设置,比如:子页数量、子页内单元数量、瀑布流单元宽度和间距 等等等等。
- 纯静态demo演示——主功能
- 纯静态demo演示——sink开启
- 纯静态demo演示——specialcol开启
- 纯静态demo演示——mobile模拟
- 纯静态demo演示——简版无请求
- 纯静态demo演示——单元排序
- 纯静态demo演示——单元删除
版权声明:本文为原创文章,版权归 neo 所有。
本文链接:https://idayer.com/woo-jquery-waterfall/
本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
0 条评论