Jquery plugins jquery布局和动态可拖动div问题

我正在使用jquery布局插件，并且遇到了以下无法找到解决方案的情况。如何通过将div拖出底部边框使中心窗格永久增大其大小

我有一个左窗格和一个中间窗格。我动态生成div 当用户单击左窗格时。div被生成并保存 放在中间窗格上。div可以拖动并调整大小。 在可见的中心拖动和调整大小，一切正常 地区当我将div拖出底部的那一刻，滚动条就打开了 此时会出现中心窗格，中心窗格似乎正在扩展到 适应拖拽div的新位置。但是当我尝试 要调整div的大小或添加另一个div，它将跳到 单击div并重置滚动条。我查了一下中间的高度 firebug和它在初始化时保持相同的高度 即使将新div拖出底部

下面是测试页面的html代码

只需完全复制/粘贴到html页面中。在左侧窗格中，单击AddNew按钮将添加可拖动且可调整大小的新div

点击添加新的 将新添加的div拖到中心窗格底部之外。 中间的窗格显示了滚动条，与预期的一样。 如果您在firebug中检查中心div的高度，它不会改变 现在尝试通过拖动新添加的div的句柄来调整其大小 它跳到顶部，中心框失去滚动条。 我无法粘贴完整的html页面，因此这里是对该线程底部代码的引用

---

这是测试链接

我很惊讶以前没有人遇到过这种情况？即使没有布局插件，我的解决方案也不是很漂亮。为了在没有布局插件的情况下模拟页面，我必须在css中使用position:fixed属性保留顶部和左侧窗格。而且根本就没有中锋。我将新的div直接添加到html的主体中。原因是我不想在浏览器滚动条的顶部看到额外的滚动条。换句话说，当浏览器滚动条移动时，中心窗格应该滚动。我附上的解决方案，所以你有一个想法

如果我可以使用任何其他方法模拟先前的附加文件，我愿意接受任何解决方案，即使没有布局插件。我附加我的网页没有布局插件，但不确定这是否是唯一优雅的解决方案离开

您可以在这里检查解决方案

---

将动态div直接添加到html正文中是一个好方法吗？

我遇到了同样的情况，这个答案很有帮助。 . 更新小提琴：

$(".removalbe-recom").draggable({
    appendTo: "body",
    helper: "clone",
    revert: "invalid",
    cursor: "move",
    containment: "document",
    zIndex: 10000,
    scroll:false,
    start: function (event, ui) {
    $(this).hide();
    },
    stop: function (event, ui) {
        $(this).show();
    }
});