CSS相对于固定位置-CSS转换 描述

我想让一个div看起来像是从它所在的地方成长起来的。为此，我将位置从相对更改为固定，这使得第一次转换从

top:0，left:0开始，而不是从元素的当前top/left开始。如何修复此问题以使用元素当前偏移

JS小提琴

注意：第一次单击后，代码的工作方式与我希望的完全相同。第一次点击就是问题所在

你好，谢谢你的小提琴

看起来，当您第一次在这里设置css时，除了在click函数中设置初始位置外，您的目标div上还有一些过渡，这有点混乱

$(this).css({
    position:'fixed',
    top:$(this).offset().top,
    left:$(this).offset().left
});

在单击功能启动之前设置目标div的位置将正确定位div，并且在加载文档时应用css而不在其上添加动画将确保目标div位于正确的位置（如果在该目标div上保留动画，即使在$（document）中应用起始css.ready它将加载页面并运行动画，而不是让div从那里开始）

我为动画使用了一个单独的类，并且仅在设置了初始位置后才应用它（请参见下面fiddle中的.test类）