Skip to content

Affix 固钉

将内容吸附在视口顶部,页面滚动到指定偏移后自动固定,常用于固定表格操作栏、工具栏等。

基础用法

基础用法

滚动页面时固定到顶部

向下滚动当前页面,观察按钮在接近视口顶部时被固定(position: fixed)。

自定义偏移

自定义偏移

固定于距视口顶部 80px

组合内容

组合内容

筛选条件重置查询

API

属性

属性说明类型默认值
offset距视口顶部的固定距离(px)string0

插槽

名称说明
默认

监听 window scroll,元素滚出视口后吸附,内容通过默认插槽传入。