lcw

src/styles/index.scss

@@ -109,4 +109,38 @@ div:focus {
 }
 .new-btn-class-sc:hover {
   border-bottom: 1px solid #f56c6c;
+}
+
+/* 全局设置滚动条颜色 */
+/* Webkit浏览器(Chrome, Safari等) */
+*::-webkit-scrollbar {
+  width: 6px; /* 垂直滚动条宽度 */
+  height: 6px; /* 水平滚动条高度 */
+}
+
+*::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1); /* 滚动条轨道颜色 */
+  border-radius: 3px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: rgba(102, 102, 102, 0.5); /* 滚动条滑块颜色 */
+  border-radius: 3px;
+  transition: background-color 0.3s ease;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background: rgba(102, 102, 102, 0.8); /* 鼠标悬停时的滑块颜色 */
+}
+
+/* Firefox浏览器滚动条设置 */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(102, 102, 102, 0.5) rgba(0, 0, 0, 0.1);
+}
+
+/* 为确保所有需要滚动的元素都能正常工作，显式设置overflow属性 */
+.scrollable {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* 为移动设备添加平滑滚动 */
 }