如何在Javascript中添加滚动条样式？

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

.scroll-container {
  /* 设置容器的高度和宽度 */
  height: 300px;
  width: 400px;
  /* 设置容器的溢出行为为滚动 */
  overflow: auto;
}

/* 定制滚动条的样式 */
.scroll-container::-webkit-scrollbar {
  width: 10px; /* 设置滚动条的宽度 */
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条的颜色 */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 设置滚动条的鼠标悬停时的颜色 */
}

var container = document.querySelector('.scroll-container');
container.classList.add('scroll-container');