css 显示滚动条

/* 设置元素显示滚动条 */
Scrollbar-width: thin; /* 设置滚动条的宽度，可选值：auto, thin, none */
Scrollbar-color: orange lightgray; /* 设置滚动条的颜色，第一个颜色是滑块颜色，第二个是轨道颜色 */

/* 强制元素显示滚动条 */
.element {
  overflow-y: scroll; /* 强制显示垂直滚动条 */
  overflow-x: scroll; /* 强制显示水平滚动条 */
}

/* 自定义滚动条样式（仅适用于 WebKit 浏览器，如 Chrome 和 Safari） */
::-webkit-scrollbar {
  width: 10px; /* 设置滚动条的宽度 */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* 设置滚动条轨道的颜色 */
}

::-webkit-scrollbar-thumb {
  background: #888; /* 设置滚动条滑块的颜色 */
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* 设置滚动条滑块悬停时的颜色 */
}

解释说明：

1. Scrollbar-width 和 Scrollbar-color：用于设置滚动条的宽度和颜色，适用于 Firefox 浏览器。
2. overflow-y 和 overflow-x：用于强制元素显示垂直或水平滚动条。
3. 自定义滚动条样式：使用 ::-webkit-scrollbar 及相关伪元素来自定义滚动条的外观，但仅在 WebKit 浏览器（如 Chrome 和 Safari）中有效。