Javascript jquery将对象设置为页面顶层的动画

所以我有一个有趣的问题。我目前有一个由四个块元素组成的网格，我想启用一些行为，以便在单击时使div增长。问题是，我正在尝试将其动画化到页面的顶层，也就是说，我不希望它扰乱页面上其他div的位置

这很难解释，但我希望它有点像一个模态窗口，打开的动画源于元素的位置。就像点击时弹出的一样。现在，我正在尝试在单击功能中执行此操作：

$( "#cell" ).animate({
          height:600, width:600, position:'fixed'
        }, 1000, "linear", function(){ alert("all done"); });

---

这使它更大，但我希望它像一个覆盖。有没有人见过这样的东西，或者以前有一个插件实现了这一点？

克隆元素，绝对地将其放置在原始元素上，并为副本制作动画

按“添加到购物车”并查看此操作：

---

我试图实现克隆的想法，并为克隆制作动画

---

请参见my

，您需要更新元素的z索引。看到这篇文章，你应该用css类，而不是动画。这无助于它在动画时推动所有的内部div…我想，把它想象成克隆元素，然后扩展克隆以覆盖在页面上。我想我明白了。如果有一个包含某些元素的长方体，则需要向外展开长方体的边缘，同时将内容保留在原位。此外，框向上/向下和四周移动？似乎起到了作用，我就是这么做的：

$（“#invitedtochatchell”）.clone（）.attr（'class'，'cloned#object content_cell'）。appendTo（'mainContentTable'）然后为克隆对象设置了动画哈哈，很好，我现在让它更通用，可以处理其他div了。如果克隆不在左上角，我只需要找出如何在div上定位克隆。动画功能是否动态工作？比如，如果我设置左位置，然后对其设置动画，它将从右变为左？解决了CSS，但仍然存在动画问题。我不能让它在所有情况下都从外角向内设置动画…这最终达到了目的。对于可能正在执行此操作的任何人，如果您希望在克隆中触发任何事件，请确保创建深度副本。。。