FlexBox滚动和重复帮助CSS

问题描述

我正在使用CodePen，并尝试仅使用CSS创建可滚动框。当我实现用于滚动彩色框的按钮时，此框有些不同。我面临的问题：

1. paused的一个实例仅可用于给定元素。如您所见，当我使用“左”按钮时，它会滚动并在释放时停止，这正是我想要的。但是，“向右”按钮不会暂停。我尝试了很多方法来通过添加更多包装和伪元素来使“向右滚动”动画暂停，但是没有运气。

2. 如何从元素当前位置开始动画？因此，如果我向左滚动，该如何在不将该元素首先跳回到其起始位置的情况下向右滚动？

3. 如何将弹性盒包装回自身？基本上，一旦它到达终点，我希望它平稳地回到起点。现在，它会跳转并重新开始。

提前谢谢！

https://codepen.io/jfirestorm44/pen/vYGNNyM

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）