ソースを参照

optimize:优化滚动条样式

leo 1 年間 前
コミット
f2b43e143b
共有1 個のファイルを変更した36 個の追加0 個の削除を含む
  1. 36 0
      assets/style/main.scss

+ 36 - 0
assets/style/main.scss

@@ -9,3 +9,39 @@ html {
 body {
   // overscroll-behavior-y: contain;
 }
+
+
+::-webkit-scrollbar {
+	width: 5px;
+	/* 滚动条宽度为0 */
+	height: 5px;
+	/* 滚动条高度为0 */
+	display: block;
+	/* 滚动条隐藏 */
+}
+
+::-webkit-scrollbar {
+	width: 5px !important;
+	/* 滚动条宽度为0 */
+	height: 5px !important;
+	/* 滚动条高度为0 */
+	display: block !important;
+	/* 滚动条隐藏 */
+}
+
+::-webkit-scrollbar-track-piece {
+	background-color: rgba(0, 0, 0, 0.2) !important;
+	-webkit-border-radius: 6px !important;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+	height: 5px !important;
+	background-color: rgba(125, 125, 125, 0.7) !important;
+	-webkit-border-radius: 6px !important;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+	width: 5px !important;
+	background-color: rgba(125, 125, 125, 0.7) !important;
+	-webkit-border-radius: 6px !important;
+}