项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

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 ​

import { EtScrollArea } from '@wil-works/evoke-tools-ui'公共工具面板原子件

Props

名称类型默认说明
directionString'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 行为满足。