javascript - jquery将一个对象动画到页面的顶层

Question

所以我有一个有趣的问题。我目前有一个由四个 block 元素组成的网格，我想启用某些行为以在单击时使 div 变大。要注意的是，我试图将其动画化到页面的顶层，也就是说，我不希望它错位页面上其他 div 的位置。

这很难解释，但我希望它有点像模式窗口，打开动画源自元素的位置。就像单击时的弹出窗口一样。现在我正尝试在点击功能中这样做:

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

这会使它变得更大，但我希望让它像叠加层一样。有没有人见过这样的东西，或者以前有实现此功能的插件？

Answer 1

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

按“添加到购物车”并查看实际效果:

http://toys.scholarschoice.ca/products/Active-Play-536/12-Years-Old-Up-563/RipStik-Caster-Board-Silver-p46490/pstart1/