# BackTop 回到顶部

## 何时使用
- 当页面内容区域比较长时
- 当用户需要频繁返回顶部查看相关内容时


### 基本使用
向下滚动后，见右下角灰色按钮

@[demo](demo/basic.vue)


### 自定义
向下滚动后，见右下角蓝色按钮

@[demo](demo/custom.vue)


### 自定义滚动元素
向下滚动后，见右下角绿色按钮

@[demo](demo/custom-target.vue)


### props
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| visibility-height | 滚动高度达到此参数值才出现 BackTop | Number | 400 |
| target | 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 | Function | () => window |
| duration | 滚动动画持续时间，单位 毫秒 | Number | 400 |


### slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| default | 自定义BackTop内容 | - |


### events
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| on-click | 点击按钮时触发 | - |