# Affix 固钉
将页面元素钉在可视范围。

## 何时使用
当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。

页面可视范围过小时，慎用此功能以免遮挡页面内容。


### 基本使用
最简单的用法。

@[demo](demo/basic.vue)


### 滚动容器
用`target`设置`Affix`需要监听其滚动事件的元素，默认为`window`。

@[demo](demo/target.vue)


### props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| --- | --- | --- | --- | --- |
| fixed-top | 距离窗口底部达到指定偏移量后触发 | number | - | - |
| fixed-bottom | 距离窗口顶部达到指定偏移量后触发 | number | - | - |
| target | 设置`Affix`需要监听其滚动事件的元素，值为一个返回对应`DOM`元素的函数 | function | - | - |
| z-index | 固钉的`z-index`属性 | number | - | 10 |
| position | 固钉的`position`属性 | string | - | fixed |


### slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| - | 希望固定的内容 | - |