固钉
将元素固定到特定可视区域。
基础用法
默认情况下,固钉组件会固定在页面顶部。
指定容器
您可以设置 target 属性,让固钉始终保持在容器内。 超出范围时它将被隐藏。
固定位置
固钉组件提供两种固定位置:top 和 bottom。
API
属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| offset | 偏移距离 | number | 0 |
| 位置 | 固钉的位置 | 枚举 | 上 |
| target | 目标容器 (CSS 选择器) | string | — |
| z-index | 固钉的 z-index | number | 100 |
事件
| 名称 | 描述 | 类型 |
|---|---|---|
| change | 固定状态改变时触发 | Function |
| scroll | 滚动时触发 | Function |
插槽
| 名称 | 描述 |
|---|---|
| default | 自定义默认内容 |
暴露
| 名称 | 描述 | 类型 |
|---|---|---|
| 更新 | 手动更新固钉状态 | Function |
| 更新根节点 | 更新根节点矩形信息 | Function |