Affix 固钉

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

基础用法

默认情况下,固钉组件会固定在页面顶部。

可以设置 offset 属性来改变距离顶部的偏移量,默认值为 0。

目标容器

您可以设置 target 属性,使固钉始终保持在容器内。如果超出范围,它将被隐藏。

请注意,容器应避免出现滚动条。

固定位置

固钉组件提供了两个固定位置:topbottom

您可以设置 position 属性来改变固定位置,默认值为 top

API

属性

名称描述类型默认值
offset偏移距离number0
位置固钉的位置枚举
target目标容器(CSS选择器)string
z-index固钉的 z-indexnumber100

事件

名称描述类型
change固定状态改变时触发Function
scroll滚动时触发Function

插槽

名称描述
default自定义默认内容

暴露

名称描述类型
更新手动更新固钉状态Function
updateRoot更新 rootRect 信息Function

来源

组件样式文档

贡献者