透明な背景を持つWebkitスクロールバー

Question

私はmax-heightとスクロールバーで作成したい内容の小さなリストを持っていますが、問題が1つあります。私はそれをカスタムスクロールバーにしたい。私の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

のように私のCSSの外観イムは今jQuery scrollbarを使用して、それは非常によく動作しますが、これは私自身の質問に対する私のソリューションです。

Answer 2

私は何かを作りましたが、側から余白を設定する方法はまだ透明ではありません。

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

今、この

.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); 
}