JavaScript布局庫：Packery

jopen 10年前發布 | 15K 次閱讀 Packery JavaScript開發

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.baiduhome.net/lib/view/home/1406192207976

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！