Question

所以我有一个有趣的问题。我目前有一个包含四个块元素的网格，我想启用一些行为，以便在单击时使div增长。问题是，我试图将它设置为页面的顶层，也就是说，我不希望它在页面上移动其他div的位置。

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

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

这会让它变得更大，但我希望能让它像叠加一样。有没有人见过这样的东西，或者之前完成这个的插件？

Answer 1

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

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

Answer 2

我试图实现克隆和动画克隆的想法..

查看我的DEMO