css滚动显示

.container {
  overflow: auto; /* 或者 overflow: scroll; */
}

/* 自定义滚动条的轨道 */
.container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* 自定义滚动条的滑块 */
.container::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

/* 自定义滚动条的滑块悬停状态 */
.container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

<div class="container" id="scrollContainer">
  <!-- 内容 -->
</div>

window.addEventListener('scroll', function() {
  if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
    // 加载更多内容
    loadMoreContent();
  }
});

function loadMoreContent() {
  // 模拟加载更多内容
  const newContent = document.createElement('div');
  newContent.textContent = 'New Content';
  document.getElementById('scrollContainer').appendChild(newContent);
}