为什么不能使用 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:
我有点郁闷,因为我需要像 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: