javascript - 改变水平滚动条的宽度。自定义滚动条？

我有一个包含多张卡片的 div，它可以水平滚动，因为我正在使用

overflow-x: scroll;

我在我的 div 下得到了一个我想要的水平滚动条。也就是说，该栏占用了 div 的宽度，但我宁愿有一个更自定义的滚动条，它只会占用 div 的 50%-75%。

在 css/js 中是否有一种方法可以让我更改 HORIZONTAL 滚动条的宽度，所有迹象似乎都指向否。如果是这种情况，是否有人有创建自定义滚动条的经验。

我最初的想法是创建一个输入 slider ，它在每张卡片上具有相同的刻度数并滚动到每张卡片 onChange，但我可以弄清楚 Window.scrollTo() 是否适用于水平滚动。

最佳答案

@本

是的，您可以使用 webkit 控制 ScollBar 的高度和宽度。

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

关于javascript - 改变水平滚动条的宽度。自定义滚动条？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52959390/