在CSS中滚动，页面不适合，滚动效果

.container {
  overflow: auto;
  height: 200px; /* 设置容器高度 */
}

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

.content {
  transform: translateY(-100%); /* 向上滚动100%的高度 */
  animation: scroll 5s linear infinite; /* 使用动画实现滚动效果 */
}

@keyframes scroll {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0); }
}

<div class="container">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('.container').scrollTop(100); // 设置初始滚动位置
});
</script>