Affix 固钉

将页面元素固定在特定可视区域。

基础用法

固钉默认固定在页面顶部。

指定容器

通过设置 target 属性,让固钉始终保持在容器内, 超过范围则隐藏。

固定位置

Affix 组件提供 2 个固定的位置参数 topbottom

Affix API

Affix 属性

名称说明类型默认值必填
offset偏移距离number0
position位置'top' | 'bottom''top'
target指定容器 (CSS 选择器)string
z-indexz-indexnumber100

Affix 事件

名称说明类型
changefixed 状态改变时触发的事件(fixed: boolean) => void
scroll滚动时触发的事件(value: { scrollTop: number, fixed: boolean }) => void

Affix 外部方法

方法名说明类型
update手动更新固钉状态() => void

Affix 插槽

插槽名说明
default自定义默认内容

源代码

组件文档

贡献者