扫一扫分享
一个简单,轻量级的Javascript库,用于动态网格布局。创建动态网格布局从未如此简单。使用Magic Grid,您所要做的就是指定一个容器并监听更改。为方便起见,还提供了一些其他配置选项,但这一切都非常简单。
通过npm获取Magic Grid:
npm install magic-grid
或CDN
<script src="https://unpkg.com/magic-grid/dist/magic-grid.cjs.js"></script>
<!-- or (minified) -->
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
如果您的容器没有任何动态加载的内容,即其所有子元素始终在dom中,您应该以这种方式初始化网格:
let magicGrid = new MagicGrid({
container: "#container", // Required. Can be a class, id, or an htmlElement.
static: true, // Required for static content.
animate: true, // Optional.
});
magicGrid.listen();
手机预览