如何在标签中滚动内容？

<div class="scroll-container">
  <p>这里是要滚动的内容</p>
</div>

.scroll-container {
  height: 200px; /* 设置容器的高度 */
  overflow: auto; /* 设置溢出内容时显示滚动条 */
}

<div class="scroll-container">
  <p id="scroll-content">这里是要滚动的内容</p>
</div>

.scroll-container {
  height: 200px; /* 设置容器的高度 */
  overflow: hidden; /* 隐藏溢出内容 */
}

var content = document.getElementById("scroll-content");
var scrollHeight = content.scrollHeight; // 获取内容的总高度
var containerHeight = content.parentNode.clientHeight; // 获取容器的高度

function scrollContent() {
  if (content.scrollTop + containerHeight >= scrollHeight) {
    content.scrollTop = 0; // 滚动到顶部
  } else {
    content.scrollTop += 1; // 每次滚动1像素
  }
}

setInterval(scrollContent, 50); // 每50毫秒执行一次滚动