滚动区域布局
它在固定可见区域中容纳更长内容，用户通过滑动、滚轮或键盘查看其余部分。
- 内容太长可以上下划的那一块
- 手指拖动能继续看下面内容的区域
- 只有中间一部分会滚动的框
- 滚动视图
- 可滚动容器
- 滚动窗口
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处，不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Scroll Container
CSS overflow: auto / scroll
iOS原生支持
iOS / iPadOS
Scroll View
SwiftUI: ScrollView｜UIKit: UIScrollView
Android原生支持
Android 手机 / 平板
Scroll View
Compose: verticalScroll / horizontalScroll｜Views: ScrollView
使用规范
什么时候用
- 内容长度超过可见区域，且仍属于同一连续阅读或操作上下文
什么时候别用
- 页面里套多层同方向滚动导致手势争夺，或隐藏关键操作在难以发现的区域
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。