如何为中心内容开发滚动条

<div id="scroll-container" style="height: 300px;">
  <!-- 内容 -->
</div>

#scroll-container {
  overflow: auto;
}

/* 滚动条样式 */
#scroll-container::-webkit-scrollbar {
  width: 8px;
}

#scroll-container::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

#scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

var container = document.getElementById('scroll-container');

// 监听滚动事件
container.addEventListener('scroll', function() {
  // 滚动事件处理逻辑
});