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

Why is it not possible to place DIVs anywhere with Gridster?

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

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

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

有什么办法可以解决这个问题吗? 另外,有人可以向我解释 Grid of Gridster 的工作原理吗?后面有没有"virtual grid"或者是怎么实现的?

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

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

原来的Gridster.js项目被放弃了。但是,有一个维护良好的分支可以提供您需要的功能:

https://github.com/dsmorse/gridster.js

查看 sticky-position 代码作为示例。

此外,看看 Angular Gridster:

https://github.com/ManifestWebDesign/angular-gridster