有没有可能创建一个相同的html元素的无限循环，从顶部滚动到底部，具有类似门户的效果？

<div id="container">
  <div class="item">内容1</div>
  <div class="item">内容2</div>
  <div class="item">内容3</div>
  <!-- 更多相同的HTML元素 -->
</div>

#container {
  height: 300px; /* 容器可视区域的高度 */
  overflow: hidden;
}

.item {
  height: 100px; /* 相同HTML元素的高度 */
  /* 其他样式设置 */
}

var container = document.getElementById('container');
var itemHeight = document.querySelector('.item').offsetHeight;
var scrollTop = 0;

function scroll() {
  scrollTop++;
  container.scrollTop = scrollTop;

  if (scrollTop >= itemHeight) {
    scrollTop = 0;
    container.scrollTop = 0;
  }

  requestAnimationFrame(scroll);
}

scroll();