change scrollbar to nice ios style (by @zhuzhuyule)

README.md

@@ -47,9 +47,10 @@ Firefox打包安装
 
 `2018-02-14`
 
-* 修复主页在加载更多数据时出现双重滚动条的bug（感谢@zhuzhuyule的提交)
+* 修复主页在加载更多数据时出现双重滚动条的bug，并修改了滚动条样式（感谢@zhuzhuyule的提交)
 * 修复打开歌单时，网易云音乐个人歌单地址无法解析的bug（感谢@zhuzhuyule的提交)
 
+
 `2017-12-26`
 
 * 增加同步歌单到Github Gist功能。(特别感谢@ConstLhq提供创意和部分代码实现）

css/cover.css

@@ -2,7 +2,7 @@
  * Globals
  */
 
-/* Links */
+ /* Links */
 a,
 a:focus,
 a:hover {
@@ -161,4 +161,45 @@ body {
   .cover-container {
     width: 880px;
   }
-}
+}
+
+/*
+ * Scroll bar
+ *
+ */
+:root{
+    --scrollWidth: 10px;
+}
+
+::-webkit-scrollbar {
+    width: var(--scrollWidth) !important;
+    height: var(--scrollWidth) !important;
+}
+::-webkit-scrollbar-button {
+    width: 0 !important;
+    height: 0 !important;
+}
+::-webkit-scrollbar-button:start:increment,
+::-webkit-scrollbar-button:end:decrement {
+    display: none !important;
+}
+::-webkit-scrollbar-corner {
+    display: block !important;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-thumb {
+    border-radius: 8px !important;
+    border-right: 1px solid transparent !important;
+    border-left: 1px solid transparent !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: rgba(255,255,255,0.2);
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255,255,255,0.3);
+}
+::-webkit-scrollbar-track:hover {
+    background-color: rgba(255,255,255,0.08) !important;
+}