为什么不能将DIV放在Gridster的任何地方?

时间:2015-03-07 18:48:30

标签: javascript jquery html css gridster

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

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

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

有没有解决方案可以解决这个问题? 还有,有人可以解释一下Gridster网格是如何工作的吗?背后有“虚拟网格”或者它是如何实现的?

如果某人有解决该问题的方案,那么一个例子真的很不错。

2 个答案:

答案 0 :(得分:0)

我不确定gridster是否支持此功能,但您可以使用选项gridstack.js尝试{float: true}。我已经启动了gridstack.js,因为我需要响应式布局支持。但是现在它有一些gridster没有的功能(比如knockout.js支持等)。

答案 1 :(得分:0)

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

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

查看sticky-position代码示例。

另外,请看一下Angular Gridster:

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