帶有透明背景的webkit滾動條

Question

我有一個帶有內容的小列表，我想用max-height和滾動條做出來，但有一個問題。我想讓它成爲一個自定義滾動條。有我的JSFiddle。我不能設置一個透明的背景和跟蹤顏色

還有就是我的滾動條CSS

.uploaded-files::-webkit-scrollbar{ 
    -webkit-appearance: none; 
    width: 11px; 
} 

.uploaded-files::-webkit-scrollbar-track{ 
    margin: 7px 0; 
} 

.uploaded-files::-webkit-scrollbar-thumb{ 
    border-radius: 12px; 
    border: 4px solid rgba(255,255,255,0); 
    background-clip: content-box; 
    background-color: #a0a0a0; 
} 

我想打一個滾動條，這樣在此圖像中

任何解決方案？

Answer 1

林用jQuery scrollbar現在，它工作得非常好，這是我的解決方案，爲我自己的問題。

Answer 2

我做了一些我想要的東西，但是如何從側面設置邊距並且仍然不透明。現在

https://jsfiddle.net/Lfygvv3t/3/

我的CSS這個樣子的

.uploaded-files::-webkit-scrollbar-track{ 
    border-radius: 10px; 
    margin:7px 0; 
    background-color: rgba(27, 30, 50, 0.15); 
} 

.uploaded-files::-webkit-scrollbar{ 
    width: 3px; 
    background-color: transparent; 
} 

.uploaded-files::-webkit-scrollbar-thumb{ 
    border-radius: 10px; 
    background-color: rgba(27, 30, 50, 0.3); 
}