CSS相对于固定位置 - CSS过渡

Question

描述

我试图让div看起来像是从它的位置增长.为此,我将位置从相对位置更改为固定位置,这使得第一次转换从而top:0, left:0不是元素的当前顶部/左侧开始.如何修复此问题以使用元素当前偏移量？

JS小提琴

http://jsfiddle.net/ZjWkD/

注意:第一次单击后,代码完全符合我的要求.第一次点击就是问题所在.

Answer 1

您好,感谢小提琴,

看起来当你第一次在这里设置css时,除了在click函数中设置初始位置之外,你在target-div上有转换,这会使事情变得混乱.

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

在单击函数触发之前设置target-div的位置将正确定位div,并且在没有动画的情况下应用css将确保在文档加载时target-div位于正确的位置(如果保留动画)在那个target-div上,即使你在$(document).ready中应用起始css,它也会加载页面并运行动画,而不是让div从那里开始).

我为动画使用了一个单独的类,并且只在设置了初始定位后才应用它(参见下面的.test类).

http://jsfiddle.net/Jag96/wdh4N/