如何让栏目垂直滚动？

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

<div class="container">
  <ul>
    <li>栏目1</li>
    <li>栏目2</li>
    <li>栏目3</li>
    <li>栏目4</li>
    <li>栏目5</li>
    <li>栏目6</li>
    <!-- 更多栏目... -->
  </ul>
</div>

var container = document.querySelector('.container');
var scrollHeight = container.scrollHeight; // 获取容器内容的总高度
var scrollTop = 0; // 记录当前滚动位置

container.addEventListener('scroll', function() {
  scrollTop = container.scrollTop; // 获取当前滚动位置
  if (scrollTop + container.clientHeight >= scrollHeight) {
    // 当滚动到底部时，将滚动位置重置到顶部
    container.scrollTop = 0;
  }
});