Question

我有一个包含多张卡片的div，由于我正在使用

，所以它们可以水平滚动

overflow-x: scroll;

我想要的div下面有一个水平滚动条。可以这么说，该条占据了div的宽度，但是我宁愿有一个更自定义的滚动条，它只会占据div的50％-75％。

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

我最初的想法是创建一个输入滑块，该滑块在每张卡片上具有相同的滴答数，并在onChange上滚动到每张卡片，但是我可以确定Window.scrollTo（）是否可以水平滚动。

Answer 1

@ben

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

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