javascript - 如何将由一条线链接的锯齿形块设置为滚动条上的直线
问题描述
嗨,我必须使用 Javascript 或某种库(或 CSS,任何效果最好的)来制作动画。
我更像是一个 PHP 编码器,我不是一个 Javascript 专家。我不完全确定如何解释我需要什么,所以我将尝试通过添加一张(画得很差的)图片来直观地解释它:
我需要有关如何继续进行此操作的帮助,您是否可以告诉我我可以在 Google 上搜索哪些字词、文章链接,任何事情都将不胜感激。
解决方案
这是您可以用来为某些东西设置动画的全局列表(所有这些都与您的情况下的滚动侦听器相结合)
- 如果你不关心 IE<11,Anime.js
- 画布也是不错的选择,并且具有广泛的浏览器支持
- 与classlist api一起使用的关键帧,可在需要时触发动画
- 有时您可以将图像的 src 更改为 gif(在您的情况下没有无尽的动画)
如果可以的话,我建议你在这里只使用 GIF。
推荐阅读
- azure-sql-database - 使用 MSI 时的 Azure Sql Db 连接字符串
- java - Spring boot 2.0.4.RELEASE fetch 默认情况下
- c# - ASPX SQL 参数
- firebase - Firebase 功能 - 每 10 分钟执行一次
- matlab - 计算此翼型的法线向量
- kdb - 如何创建函数以重复列表中的向量 n 次?
- c - 如何找到从 1 到 n 和从 n+1 到 m 总和相同的数对
- javascript - React.js 拖放 - Drop 上的无限循环
- clojure - Clojure 和 ClojureScript 之间的 core.async 区别
- c# - 如何比较两个datagridViewRows并将其传递给第三个datagridView c#