Affix 固钉
将页面元素固定在特定可视区域。
基础用法
固钉默认固定在页面顶部。
指定容器
通过设置 target 属性,让固钉始终保持在容器内, 超过范围则隐藏。
固定位置
Affix 组件提供 2 个固定的位置参数 top 和 bottom。
Affix API
Affix Attributes
| 名称 | 说明 | 类型 | 默认值 | 必填 |
|---|---|---|---|---|
offset | 偏移距离 | number | 0 | 否 |
position | 位置 | enum | 'top' | 否 |
target | 指定容器 (CSS 选择器) | string | — | 否 |
z-index | z-index | number | 100 | 否 |
Affix Events
| 名称 | 说明 | 类型 |
|---|---|---|
change | fixed 状态改变时触发的事件 | Function |
scroll | 滚动时触发的事件 | Function |
Affix Exposes
| 方法名 | 说明 | 类型 |
|---|---|---|
update | 手动更新固钉状态 | Function |
updateRoot | 手动更新根元素的盒模型信息 | Function |
Affix Slots
| 插槽名 | 说明 |
|---|---|
default | 自定义默认内容 |