瀏覽代碼

滚动条优化

zhouna 4 年之前
父節點
當前提交
7c621c36ba
共有 1 個文件被更改,包括 25 次插入1 次删除
  1. 25 1
      src/css/staticInfo.less

+ 25 - 1
src/css/staticInfo.less

@@ -304,4 +304,28 @@
   left: 20px;
   z-index: 20;
   background-color: #fff;
-}
+}
+
+.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  height: 100px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  background: #ebeef5;
+  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  width: 6px;
+  border-radius: 5px;
+  background: @staticMainColor;
+  height: 100px;
+}
+
+.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  border-radius: 2px;
+  background: #f0f2f5;
+  opacity: .2;
+}