simple-flow-grid v1.0.0

simple-flow-grid

简单的瀑布流实现,依赖jquery,使用绝对定位动态计算实现

###使用 初始化flowgrid

    var gridCtrl = SimpleFlowGrid(config)

使用append方法添加grid

    gridCtrl.append($grids);

使用reflow重新排列grids,参数w(外层容器宽度所在范围峰值)可选,w用于查询对应范围下container的宽度配置,一般参照外层body宽度

    gridCtrl.reflow(w);

###参数说明 config对象参数如下

• containerSelector: grid的外层container的选择符
• gridSelector: grid的选择符
• marginBottom: grid的底部间隔
• colWidth: grid的宽度
• queryMap: 类似媒体查询,例如{700: 640, max: 860}表示外层容器小于等于700时container宽度为640px,大于等于700时宽度为860,queryMap的max属性必须指定。也可以手动设置不用queryMap