仅桌面端保证样式
Affix 图钉
将页面元素钉在可视区间:滚动越过后固定在 offset 指定的距顶/距底位置,常用于表格工具栏、操作条的常驻。
基础用法
向下滚动页面,观察工具条钉在距顶部 12px 处;滚回原位后自动还原。
已选择 3 项
指定滚动容器
默认监听 window;钉在内部滚动容器时传 target:
vue
<eb-affix :offset="0" target="#detail-scroll-container">
<section-card>区块操作条</section-card>
</eb-affix>Affix API
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| offset | Number | 0 | 距顶/距底的偏移(px) |
| position | String | top | 钉住方向:top / bottom |
| target | String | window | 滚动容器选择器 |
| z-index | Number | 100 | 固定态层级 |
事件:change(affixed)。