首页 > 解决方案 > div 从左到右并返回

问题描述

请问有没有一种方法可以让我点击一个按钮从左到右移动一个div,然后像使用纯反应和css的无限循环一样回到左边。Swipers“无限循环每组幻灯片”可以做到这一点,但我无法根据我的需要定制它

标签: javascriptcssreactjs

解决方案


如果我的想法正确,您需要一个类似于蛇游戏中的蛇的 div。您可以使用 CSStranslateX()并从 0vw(或初始位置)开始设置超时以将数字增加到 100vw(或超过它,具体取决于您的需要和元素大小),然后在它越过时回到 0vw(或更少)屏幕在右侧。

这就是我所说的https://stackblitz.com/edit/react-ky8ecu?file=src/App.js


推荐阅读