Fz DesignAffix 固钉
将页面元素固定在特定可视区域。
基本用法
固钉默认固定在页面顶部。
指定容器
通过设置 target 属性，让固钉始终保持在容器内， 超过范围则隐藏。
固定位置
Affix 组件提供 2 个固定的位置参数 top 和 bottom。
API
Attributes
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
offset | 偏移距离 | number | 0 |
position | 固定位置 | 'top' | 'bottom' | 'top' |
target | 目标容器（css 选择器） | string | — |
z-index | z-index 属性 | number | 100 |
Slots
| 名称 | 说明 |
|---|---|
default | 默认内容 |
Events
| 事件名称 | 说明 | 类型 |
|---|---|---|
change | 固定状态改变时触发 | (fixed: boolean) => void |
scroll | 滚动时触发的事件 | (value: { scrollTop: number, fixed: boolean }) => void |
Exposes
| 方法 | 描述 | 类型 |
|---|---|---|
update | 手动更新固钉状态 | () => void |
updateRoot | 手动更新根元素的盒模型信息 | () => void |