Affix 固钉

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

基础用法

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

为 Affix 组件指定容器

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

固定 Affix 组件的位置

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

属性

属性说明类型可选值默认值
offset偏移距离number0
position固钉位置stringtop / bottomtop
target指定容器(CSS 选择器)string
z-index固钉层级number100

事件

事件名说明回调参数
change固钉状态改变时触发的事件(value: boolean)
scroll滚动时触发的事件scroll top 和 fixed 状态

方法

方法名说明回调参数
update手动更新固钉状态

插槽

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