スクロールバーの高さを要素の高さと異ならせる

Question

スクロールバーの高さをdivの高さよりも小さい高さに設定することは可能ですか？

E.G. <div>とheightが400pxとoverflow-y:scrollに設定されています。次に、スクロールバーのheightを300pxに設定しますか？スクロールバーの下端と<div>の下端との間に隙間ができるようにします。

これはCSSでのみ可能ですか？もしそうでなければ、それは単にいくつかのJSで達成できますか？

Answer 1

あなたは（だけのWebkitブラウザで動作）

::-webkit-scrollbar-track { 
    background-clip: content-box; 
    margin-top: 50px; 
    margin-bottom: 50px; 
}