- category: Components
- family: Util
- chinese: 固钉
- type: 基本
将页面元素钉在可视范围。
- 当内容区域比较长,需要滚动页面时,这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。
- 页面可视范围过小时,慎用此功能以免遮挡页面内容。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
container | 设置 Affix 需要监听滚动事件的容器元素 签名: Function() => ReactElement 返回值: {ReactElement} 目标容器元素的实例 |
Function | () => window |
offsetTop | 距离窗口顶部达到指定偏移量后触发 | Number | - |
offsetBottom | 距离窗口底部达到制定偏移量后触发 | Number | - |
onAffix | 当元素的样式发生固钉样式变化时触发的回调函数 签名: Function(affixed: Boolean) => void 参数: affixed: {Boolean} 元素是否被固钉 |
Function | func.noop |
useAbsolute | 是否启用绝对布局实现 affix | Boolean | - |