从列表中的项目创建可滚动的矩形

<ul id="itemList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  <li>项目4</li>
  <li>项目5</li>
  <li>项目6</li>
  <li>项目7</li>
  <li>项目8</li>
  <li>项目9</li>
  <li>项目10</li>
</ul>

#itemList {
  height: 200px;
  width: 300px;
  overflow: auto;
}

li {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 5px;
}

var itemList = document.getElementById("itemList");

itemList.addEventListener("scroll", function() {
  var scrollTop = itemList.scrollTop;
  var scrollHeight = itemList.scrollHeight;
  var clientHeight = itemList.clientHeight;

  if (scrollTop + clientHeight >= scrollHeight) {
    // 到达底部，可以执行相应操作
    console.log("到达底部");
  }
});