在div列表上添加滚动效果

div.list {
  overflow: auto;
  height: 200px; /* 设置列表的高度 */
}

<div class="list">
  <ul>
    <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>

var list = document.querySelector('.list');
list.addEventListener('scroll', function() {
  if (list.scrollTop + list.clientHeight >= list.scrollHeight) {
    // 滚动到底部，添加新的列表项
    var newItem = document.createElement('li');
    newItem.textContent = 'New Item';
    list.querySelector('ul').appendChild(newItem);
  }
});