PackeryJavaScript 布局库

联合创作 · 2023-09-22 09:55

Packery是一个JavaScript布局的一个装箱算法库。Packery布局可以智能排序。元素可以拖动到适合一个理想的地点。Packery很 容易创建不同类型的动态网格布局。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>
浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报