如何使滚动条宽度/高度响应/百分比？
How to make the scrollbar width / height responsive / percentage?
我正在使用 Twine，除了我需要使水平滚动条高度响应之外，我已经根据需要设置了滚动条的所有样式。
根据这篇文章，您可以将其设置为百分比：https://webkit.org/blog/363/styling-scrollbars/
但是每当我将滚动条高度设置为一个百分比时，它就会完全消失。
为了检查它是不是 Twine 或其他东西，我在 Brave 浏览器上访问了一个网站并将滚动条宽度设置为百分比，然后它消失了。我去了 Chrome 上的另一个网站，做了同样的事情，滚动条消失了。
我刚刚添加了这个元素：
body::-webkit-scrollbar {width: 18%;}
看起来为了使这件事具有响应性，我将不得不从头开始构建一个滚动条并使用 JavaScript。我找到了这篇关于制作基本滚动条的文章，但是JavaScript 并不知道如何让它水平（我基本上什么都不知道JavaScript）。
https://htmldom.dev/create-a-custom-scrollbar/
如果有与上述类似的示例，用于使用 JavaScript 制作水平滚动条，或者使用 CSS 或 JavaScript 制作滚动条宽度/高度响应的方法，或者一些东西，将不胜感激。
试试这个：
body::-webkit-scrollbar {width: 0.8vw;}
与%一样，vw是相对宽度单位。该单位基于视口宽度。 1vw 的值等于视口宽度的 1%。比如视口宽50cm，1vw就等于0.5cm。
如果有帮助请告诉我。如果是，请将我的回答标记为已接受。
我正在使用 Twine，除了我需要使水平滚动条高度响应之外，我已经根据需要设置了滚动条的所有样式。 根据这篇文章，您可以将其设置为百分比：https://webkit.org/blog/363/styling-scrollbars/ 但是每当我将滚动条高度设置为一个百分比时，它就会完全消失。 为了检查它是不是 Twine 或其他东西，我在 Brave 浏览器上访问了一个网站并将滚动条宽度设置为百分比，然后它消失了。我去了 Chrome 上的另一个网站，做了同样的事情，滚动条消失了。 我刚刚添加了这个元素：
body::-webkit-scrollbar {width: 18%;}
看起来为了使这件事具有响应性，我将不得不从头开始构建一个滚动条并使用 JavaScript。我找到了这篇关于制作基本滚动条的文章，但是JavaScript 并不知道如何让它水平（我基本上什么都不知道JavaScript）。 https://htmldom.dev/create-a-custom-scrollbar/
如果有与上述类似的示例，用于使用 JavaScript 制作水平滚动条，或者使用 CSS 或 JavaScript 制作滚动条宽度/高度响应的方法，或者一些东西，将不胜感激。
试试这个：
body::-webkit-scrollbar {width: 0.8vw;}
与%一样，vw是相对宽度单位。该单位基于视口宽度。 1vw 的值等于视口宽度的 1%。比如视口宽50cm，1vw就等于0.5cm。
如果有帮助请告诉我。如果是，请将我的回答标记为已接受。