jQuery缩放效果后div移位答案

【问题标题】：div shifts after jquery scale effectjQuery缩放效果后div移位
【发布时间】：2011-06-22 02:47:06
【问题描述】：

我有一个 div 在缩放后向左和向下移动，我不明白为什么会这样。所有代码见http://jsfiddle.net/7A7gs/2。

我尝试使用动画宽度/高度而不是比例，并且发生了同样的事情。我也尝试过大小而不是比例。一样的。

此外，如果我将比例从“两者”更改为垂直，则 div 会不移动。如果我将比例更改为“水平”，则 div 会发生变化。

请让我知道我哪里出错了！ MTIA。

编辑：所需的行为是单击的 div 移动到窗口的左上角（当前工作正常），然后扩展以填充窗口的宽度和高度。

目前，它会扩展以填充窗口的宽度和高度，然后向下和向左移动，这不是所需的行为。

【问题讨论】：

你想把所有的 div 放在一行吗？
当一个 div 被点击时，期望的行为是什么？
我希望点击的 div 移动到左上角并向下和向右扩展/增长，这将填满窗口。
我无法让它重现 Chrome 14 Dev 中的错误。它将 div 移动到左上角，然后在垂直方向上缩放......它不会在水平方向上缩放，因为 jsFiddle 没有告诉它这样做
我很抱歉，它应该使用“两者”，而不是“垂直”。使用'both'的代码见jsfiddle.net/7A7gs/2

【解决方案1】：

这是一个已知的错误，请在此处阅读以获取快速修复和解决方案： Element jumps to wrong position after "scale" effect

【讨论】：

谢谢，但我无法让修复工作。此外，我没有在我的代码中使用原点。如果您查看此jsfiddle.net/gnarf/42U8c，它使用'middle'/'center'，它肯定会重现我遇到的问题。但是，如果您将小提琴更改为使用“顶部”和“左侧”，则音阶可以完美运行。请参阅此处了解我更新的小提琴jsfiddle.net/7A7gs/29，它同时使用“顶部”和“左侧”，但错误仍在发生。

【解决方案2】：

最后，似乎是偏移定位导致了问题。我更改了代码以在相对定位和绝对定位之间切换，并且动画停止了跳跃。

【讨论】：