JavaScript布局库:Packery

jopen 10年前

Packery是使用装箱算法一个JavaScript布局库。这是说:“它能填补空白” Packery布局可以智能排序或自定义排序的方式。元素可以排列到任何位置地方或拖动排列。

初始化

JavaScript

var container = document.querySelector('#container');  var myPackery = new Packery( container, {    // options...});

HTML

js-packery 假如到元素中,选项可以在  data-packery-options 的 JSON 中设置:

<div class="js-packery" data-packery-options='{ "itemSelector": ".item" }'>    ...</div>

项目主页:http://www.open-open.com/lib/view/home/1406192207976