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