javascript - div 从左到右并返回
问题描述
请问有没有一种方法可以让我点击一个按钮从左到右移动一个div,然后像使用纯反应和css的无限循环一样回到左边。Swipers“无限循环每组幻灯片”可以做到这一点,但我无法根据我的需要定制它
解决方案
如果我的想法正确,您需要一个类似于蛇游戏中的蛇的 div。您可以使用 CSStranslateX()
并从 0vw(或初始位置)开始设置超时以将数字增加到 100vw(或超过它,具体取决于您的需要和元素大小),然后在它越过时回到 0vw(或更少)屏幕在右侧。
这就是我所说的https://stackblitz.com/edit/react-ky8ecu?file=src/App.js
推荐阅读
- scala - Gatling Scripts-如何在以下请求中使用不同的纪元时间提供 eventdatetime
- bash - Bash脚本无法识别现有文件
- python - 如何将 AMLS 连接到 ADLS Gen 2?
- java - 使用 Jackson 将字符串自动反序列化为对象
- linux - 通过坐标计算基因长度
- sql - 无法绑定多部分标识符“t7.rate_buy”
- azure - 通过 Azure CLI 创建 Azure DevOps 组织
- php - 困惑如何在functions.php文件的结束标记之前添加此代码
- git - 提交对 GitHub 存储库的更改,以 ZIP 文件的形式下载
- javascript - React Select defaultValue 已设置但未出现