# Backtop 返回顶部

# Backtop 概述

当页面内容冗长,需要快捷返回顶部时使用,一般放置在页面右下角位置(注意:文档中'页面'是针对浏览器)。

# Backtop 代码演示

# 基础用法

默认位置距离页面右部和底部 30px,滚动至距顶端 400px 时显示。

# 自定义样式

自定义了位置在页面底部 200px,滚动至距顶端 200px 时显示。
height 页面滚动高度达到该值时才显示BackTop组件
bottom 组件距离底部的距离
right 组件距离右部的距离
duration 滚动动画持续时间,单位 毫秒
on-click 点击按钮时触发

# Backtop API

# BackTop props

属性 说明 类型 默认值
height 页面滚动高度达到该值时才显示 BackTop 组件 Number 400
bottom 组件距离底部的距离(定位) Number 30
right 组件距离右部的距离 Number 30
duration 滚动动画持续时间,单位 毫秒 Number 1000

# BackTop events

事件名 说明 返回值
on-click 点击按钮时触发

# BackTop slot

名称 说明
自定义组件内容