設置不同元素高度的滾動條高度

Question

是否可以設置div的值，例如，將滾動條高度設置爲小於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; 
}