我正在尝试创建一个循环的水平旋转木马。
您可以在此处检查代码：https://codepen.io/nobitta/pen/xNOyrj
此刻我被困住了。我设法使其正常运行，但是当您单击“下一步”时，不会触发模仿向右移动的CSS过渡。
我已经进行了一些研究，有人说这与浏览器优化有关，设置超时或调用offsetWidth或getBoundingRect()应该可以解决问题，因为它会迫使浏览器重新渲染。但是，即使有了这些技巧，我也无法使它工作...
我在做错什么或在这里错过了什么吗？我该怎么办？
预先感谢〜
答案 0 :(得分：0)
我设法通过使用margin-left属性来解决它。
我敢打赌，当我添加最后一个滑块的项目时，由于新元素的大小和它占用的空间，它自然会向右移动。因此，我决定将其移回以掩盖插入移位。对于附加项目，我也遵循相同的理由。
您可以查看问题中的代码笔以获取更多详细信息。
我希望这对某人有帮助。