javascript - 在 insertBefore 之后没有触发 CSS 转换

我正在尝试创建一个循环的水平旋转木马。

此刻我被困住了。我设法使它工作，但是当您单击“下一步”时，模仿向右移动的 CSS 过渡不会触发。

我已经做了一些研究，有人说这与浏览器优化和设置超时或调用offsetWidth或getBoundingRect()应该做的伎俩有关，因为它迫使浏览器重新渲染。然而，即使有这些提示，我也无法让它工作......

我在这里做错了什么或遗漏了什么吗？我该怎么办？

先谢谢了~

标签： javascriptinsertappendcarouseltransition

我设法通过使用 margin-left 属性来修复它。

我敢打赌，当我添加最后一个滑块的项目时，由于新元素的大小和它占据的空间，它自然会向右移动。因此，我决定将其移回以掩盖插入移位。我对附加项目遵循相同的推理。

您可以查看问题中的 codepen 以获取更多详细信息。

我希望这可以帮助别人。