当溢出发生时，如何自动向上滚动文本？

<div class="scroll-container">
  <!-- 文本内容 -->
</div>

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

<div class="scroll-container">
  <p class="scroll-content">
    <!-- 文本内容 -->
  </p>
</div>

.scroll-content {
  animation: scroll-up 10s linear infinite; /* 设置滚动动画 */
}

@keyframes scroll-up {
  0% {
    transform: translateY(0); /* 初始位置 */
  }
  100% {
    transform: translateY(-100%); /* 滚动到顶部位置 */
  }
}