css `scrollbar-width` 渲染一个细滚动条甚至隐藏它，同时保持区域可滚动
scrollbar-width 是css 用于控制滚动条的宽度；可以 渲染一个细滚动条甚至隐藏它，同时保持区域可滚动
它的主要目的是允许开发者“瘦身”或隐藏原生的滚动条，以节省空间并提供更简洁的 UI，特别是在窄小的滚动区域中。
scrollbar-width: auto | thin | none | ;
属性值详解
auto (默认值)
浏览器显示标准的原生滚动条。在大多数系统中，这会是一个较宽的滚动条。
https://mdn.mozillademos.org/files/17169/scrollbar-width-auto.png
thin
指示浏览器使用一个更细的滚动条变体。在 Firefox 上，这通常是一个没有拖拽槽（track）的、较窄的滚动条，只在悬停时显示或在滚动时显现。它比 auto 节省更多空间。
https://mdn.mozillademos.org/files/17171/scrollbar-width-thin.png
none
完全不显示滚动条。但是，这不会禁用滚动功能！元素仍然可以通过鼠标滚轮、触摸板或键盘箭头键进行滚动，只是看不到滚动条的视觉部件。
(实验性)
一些浏览器（如 Firefox 64+）支持直接使用长度值（如 scrollbar-width: 10px;）来精确设置宽度。但请注意，这个值的支持度很差，尤其是在 Chrome/Edge 中无效。因此，在生产环境中不建议依赖此值，应优先使用 thin。
/* 默认样式，标准滚动条 */
.element-default {scrollbar-width: auto;
}/* 使用细滚动条，适合侧边栏等狭窄空间 */
.element-thin {scrollbar-width: thin;
}/* 隐藏滚动条但保留滚动功能，适合图片轮播等场景 */
.element-hidden {scrollbar-width: none;
}