javascript - Chrome，jquery 动画摆动

Question

我遇到了一个只影响 Chrome 的问题。此外，它仅在屏幕处于特定宽度时可见。

我创建了一个可以重现该问题的 fiddle 。

http://jsfiddle.net/T8LvA/63/

当您滑过红色框时，父框的宽度会动画显示更多的红色框。

在看到摆动之前，您可能需要多次调整 html Pane 的宽度，

关于如何最好地解决这个问题有什么想法吗？

谢谢

Answer 1

使用 float:right 而不是绝对定位。

http://jsfiddle.net/T8LvA/70/

发生这种情况是因为当您更改宽度时，它会向右延伸 - 然后它会回流并向左移回正确的位置，这会导致摆动。将它向右浮动始终保持在那里。

澄清一下:您需要在 #widget 和 .hidden 上替换 position: absolute width float: right 以获得正确的结果。