高级无缝滚动 js案例

以下是一个简单的无缝滚动效果的JavaScript案例：

HTML代码：

<div id="scroll-container">
  <ul id="scroll-content">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
  </ul>
</div>

CSS代码：

#scroll-container {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

#scroll-content {
  width: 1000px;
  padding: 0;
  margin: 0;
  list-style: none;
  animation: scroll 10s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-700px); }
}

li {
  display: inline-block;
  width: 200px;
}

JavaScript代码：

var content = document.getElementById("scroll-content");
var container = docume