在div标记内垂直滚动多个div标记

<div class="scroll-container">
  <div class="scroll-item">内容1</div>
  <div class="scroll-item">内容2</div>
  <div class="scroll-item">内容3</div>
  <div class="scroll-item">内容4</div>
  <div class="scroll-item">内容5</div>
  <!-- 更多内容 -->
</div>

.scroll-container {
  height: 200px; /* 设置容器高度 */
  overflow-y: scroll; /* 显示垂直滚动条 */
}

.scroll-item {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 10px;
}

// 动态添加滚动项示例
var scrollContainer = document.querySelector('.scroll-container');
var newItem = document.createElement('div');
newItem.classList.add('scroll-item');
newItem.textContent = '新内容';
scrollContainer.appendChild(newItem);