DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏

要添加 CSS 滚动条样式，可以使用以下代码：

/* 隐藏浏览器默认滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* 添加自定义滚动条样式 */
.container::-webkit-scrollbar {
  width: 8px;
}

.container::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

.container::-webkit-scrollbar-thumb {
  background-color: #000000;
}

要显示或隐藏滚动条，可以使用 JavaScript 操作样式：

// 显示滚动条
document.querySelector('.container').style.overflow = 'auto';

// 隐藏滚动条
document.querySelector('.container').style.overflow = 'hidden';

其中，`.container` 为包含滚动条的容器的选择器。