问如何使滚动条宽度/高度响应/百分比？

EN

我正在使用T电平，我有所有关于滚动条的样式，除了我需要使水平滚动条高度响应。根据本文，您可以将其设置为百分比：https://webkit.org/blog/363/styling-scrollbars/，但每当我将滚动条高度设置为百分比时，它就完全消失了。为了检查是否是Twine什么的，我去了勇敢浏览器上的一个网站，并将滚动条的宽度设置为百分比，它就消失了。我去了Chrome上的另一个网站，做了同样的事情，滚动条消失了。我刚刚加入了这个元素：

body::-webkit-scrollbar {width: 18%;}

它看起来是这样的，为了使这件事响应，我将不得不从头开始构建一个滚动条，并使用JavaScript。我发现这篇文章是用来制作一个基本滚动条的，但是我不知道足够多的JavaScript使其成为水平滚动条(我基本上不知道任何JavaScript)。https://htmldom.dev/create-a-custom-scrollbar/

如果有类似于上面使用JavaScript创建水平滚动条的例子，或者使用CSS或JavaScript之类的方法使滚动条的宽度/高度响应，我们将非常感激。