首页 > 解决方案 > 如何将由一条线链接的锯齿形块设置为滚动条上的直线

问题描述

嗨,我必须使用 Javascript 或某种库(或 CSS,任何效果最好的)来制作动画。

我更像是一个 PHP 编码器,我不是一个 Javascript 专家。我不完全确定如何解释我需要什么,所以我将尝试通过添加一张(画得很差的)图片来直观地解释它:

在此处输入图像描述

我需要有关如何继续进行此操作的帮助,您是否可以告诉我我可以在 Google 上搜索哪些字词、文章链接,任何事情都将不胜感激。

标签: javascripthtmlcss

解决方案


这是您可以用来为某些东西设置动画的全局列表(所有这些都与您的情况下的滚动侦听器相结合)

  • 如果你不关心 IE<11,Anime.js
  • 画布也是不错的选择,并且具有广泛的浏览器支持
  • classlist api一起使用的关键帧,可在需要时触发动画
  • 有时您可以将图像的 src 更改为 gif(在您的情况下没有无尽的动画)

如果可以的话,我建议你在这里只使用 GIF。


推荐阅读