JavaScript布局库 Packery

程序员必上的开发者服务平台 —— DevStore

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>