Affix 固钉

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

基础用法

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

通过设置 offset 属性来改变吸顶距离,默认值为 0。

指定容器

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

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

固定位置

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

通过设置 position 属性来改变固定位置,默认值为 top

API

属性

名称说明类型默认值
offset偏移距离number0
position固钉位置enumtop
target指定容器(CSS 选择器)string
z-indexz-indexnumber100

事件

名称说明类型
change固钉状态改变时触发的事件Function
scroll滚动时触发的事件Function

插槽

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

暴露

名称说明类型
update手动更新固钉状态Function
updateRoot手动更新根元素的盒模型信息Function

源代码

组件样式文档

贡献者