EtScrollArea · 滚动内容区
面板 / 工具区里「内容比容器大」的位的统一滚动外壳:只做 overflow 容器。
- 第 1 行
- 第 2 行
- 第 3 行
- 第 4 行
- 第 5 行
- 第 6 行
- 第 7 行
- 第 8 行
- 第 9 行
- 第 10 行
- 第 11 行
- 第 12 行
- 第 13 行
- 第 14 行
- 第 15 行
- 第 16 行
- 第 17 行
- 第 18 行
- 第 19 行
- 第 20 行
- 第 21 行
- 第 22 行
- 第 23 行
- 第 24 行
API
Props
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| direction | String | 'auto' | 滚动方向:auto 双轴;vertical 只纵滚(横轴锁死);horizontal 只横滚 |
Slots
| 槽 | 吃什么 | 作用域 |
|---|---|---|
| default | 滚动内容(单轴 / 双轴由 props 定) | |
键盘 · 可访问名 · 密度
| 键盘 | 不接管按键 |
|---|---|
| 可访问名 | 无 ARIA 属性(原生语义) |
| 密度 | --et-size-row |
行为
- 方向声明:内容轴与容器轴不符时才滚,另一轴锁死(侧栏里横滚的面板会把整个工作台带歪)。
- 嵌套滚动不链控(
overscroll-behavior: contain):面板内容滚到底不带动外壳继续滚。 - 空内容保一行:
min-height取--et-size-row,滚动区是列表位,塌成 0 会让空态与加载态之间闪跳。 - 不引入第二套滚动条样式:需要
EbScrollbar/EbVirtualList时由消费方显式使用,框架不替产品选滚动条皮肤。
令牌与门禁
--et-size-row(空内容保底行高)。- M2 验收点「面板内容滚动不影响外壳」由本件的 contain 行为满足。