javascript - 为什么不能使用 Gridster 将 DIV 放置在任何地方？

Question

我有点沮丧，因为我需要像 Gridster 这样的可自定义网格(移动和调整 DIV 的大小)，您可以在此处查看演示:http://gridster.net/

基本上，我需要 Gridster 提供的所有功能，例如拖放 DIV、调整它们的大小、保存 DIV 的位置并加载它们。但是，存在一个问题。不可能将 DIV 放在任何地方。在屏幕截图中，我想将红色突出显示的 DIV 放在该位置，但它会捕捉到上方突出显示的区域。

http://fs1.directupload.net/images/150307/z2qlxelp.png

有什么办法可以解决这个问题吗？另外，有人可以向我解释 Grid of Gridster 的工作原理吗？这背后是否有一个“虚拟网格”，或者它是如何实现的？

如果有人有解决该问题的方法，那么举个例子就太好了。

Answer 1

我不确定 gridster 是否支持这个，但你可以试试 gridstack.js带有选项 {float: true} .我开始使用 gridstack.js 是因为我需要响应式布局支持。但现在它有很多 gridster 没有的功能(比如 knockout.js 支持等)。