设置滚动条高度不同于元素的高度

Question

是否可以设置div，例如，滚动条高度的高度是否小于div的高度？

E.G。将<div>设置为height和400px的{​​{1}}。然后将滚动条overflow-y:scroll设置为height？因此，滚动条的底部与300px的底部之间存在间隙。

这只能用CSS吗？如果没有，那么可以通过一些JS简单地实现吗？

Answer 1

您可以尝试使用（仅适用于Webkit浏览器）

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