在特定情况下自动滚动列表框

<div class="list-container">
  <ul class="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item 9</li>
    <li>Item 10</li>
  </ul>
</div>

.list-container {
  height: 200px;
  overflow-y: scroll;
}

.list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.list li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

const listContainer = document.querySelector('.list-container');
const list = document.querySelector('.list');

// 自动滚动列表框的函数
function autoScrollList() {
  listContainer.scrollTop = list.offsetHeight;
}

// 在特定情况下调用自动滚动列表框的函数
setTimeout(autoScrollList, 2000);