div竖向无缝滚动代码
时间: 2023-07-09 12:40:41 浏览: 41
您可以尝试以下代码:
HTML代码:
```
<div class="scroll-container">
<ul class="scroll-list">
<li>第一条内容</li>
<li>第二条内容</li>
<li>第三条内容</li>
<li>第四条内容</li>
<li>第五条内容</li>
<li>第六条内容</li>
<li>第七条内容</li>
<li>第八条内容</li>
<li>第九条内容</li>
<li>第十条内容</li>
</ul>
</div>
```
CSS代码:
```
.scroll-container {
overflow: hidden;
height: 200px; /* 设置容器高度 */
}
.scroll-list {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap; /* 防止内容换行 */
animation: scroll 15s linear infinite; /* 设置滚动动画 */
}
.scroll-list li {
display: inline-block;
padding: 10px;
}
@keyframes scroll {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
```
注意:您需要根据实际情况调整容器高度和滚动动画时间。