Scrollbar 滚动条
/SKROHL-bar/ · noun · 导航类模式 · #098
滚动区域边缘的一条细条，显示你滚到了哪里、还剩多少。可以拖动的那一小块叫滑块（thumb），它滑动的槽叫轨道（track）。手机和 Mac 通常要等你滚动时才显示它。
别名：滚动条、滚动栏、滚动指示器。
你可能会这样叫它
- “屏幕右边那条可以拖的条”
- “网页侧面的滚动条”
- “拖动翻页的那个小条”
- “显示看到哪里的灰条”
……它的名字是 滚动条（Scrollbar）。
常见问题
滚动条是什么意思？
滚动条是滚动区域边缘的一条细条，用来显示当前看到的位置和剩余内容的多少，也可以拖动它快速翻页。拖动的那一块叫滑块，它所在的槽叫轨道。Mac 和手机上它通常只在滚动时出现，之后自动隐藏。
代码里叫什么
| Web (CSS) | overflow: auto scrollbar-width scrollbar-color scrollbar-gutter |
|---|---|
| SwiftUI | ScrollView .scrollIndicators(_:) |
| UIKit | UIScrollView showsVerticalScrollIndicator |
| Jetpack Compose | Modifier.verticalScroll Android 上默认不绘制滚动条 |
| Android (Views) | android:scrollbars ScrollView |
| Flutter | Scrollbar CupertinoScrollbar |
复制给 AI 编程工具
让 App 里各个滚动面板的滚动条和主题一致：细滑块、低调的颜色、悬停时加深，轨道透明；用 scrollbar-width 和 scrollbar-color，并以 ::-webkit-scrollbar 作为后备。用 scrollbar-gutter: stable 预留空间，避免滚动条出现时内容跳动；如果某个区域只能靠滚动条滚动，就不要把它隐藏。