Javascript Chrome，jquery动画抖动

我有一个只影响Chrome的问题。此外，它只有在屏幕处于一定宽度时才可见

我创造了一个可以复制这个问题的小提琴

滚动红色框时，父对象的宽度将设置动画，以显示更多的红色框

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

有没有关于如何最好地解决这个问题的想法

---

谢谢

使用

float:right

而不是绝对定位它

发生这种情况的原因是，当你改变宽度时，它会向右延伸，然后它会回流并移回到正确的位置，从而导致摆动。将它向右浮动总是保持它在那里

---

为了澄清：您需要在#小部件和.hidden上同时替换位置：绝对宽度浮动：right以获得正确的结果。

如果您使用position，则需要使用

left

和

top

，在这种情况下它是无用的。 用这种方法试试你的css

#wrapper{
    width: 100%;  // was 600px
    height: 100px;
    margin: 0 auto;
    //position: relative; 
}

---

摆动确认。当预览盘宽度>1020时，我可以通过提供的JSFIDLE在Chrome中看到它。