我在哪里可以在我的网站上插入无限滚动字幕的代码？

问题描述

我正在制作一个个人网站，当我希望它无缝重复时，我的菜单页面的选框从侧面开始，我已经弄清楚了代码，但我对 HTML 有一个非常基本的了解，每次我都打破页面尝试将其放入代码中

虽然我知道我的编码方式是杂乱无章的（因为我大部分时间都在自学如何编码），但我终其一生都无法弄清楚在哪里插入

body {
  margin: 0;
  padding: 0;
  color: #ffffff;
  background-color: #ff00ff;
  font-size: 25px;
  font-family: Comic Sans MS;
  font-weight: bold;
}

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 100px;
  overflow-x: hidden;
}

.track {
  position: absolute;
  white-space: Nowrap;
  will-change: transform;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

<div class="marquee">
  <div class="track">
    <div class="content">&nbsp;benreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenreybenrey</div></marquee style>
  </div>
</div>

因为无论我把它贴在哪里（代替标签），它都会破坏保存图像和链接的容器
我希望它具有相同的大小和位置，但可以无限滚动并且没有开始的空白区域

解决方法

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

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

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

html marquee marquee