BackTop 返回顶部

当页面过长往下滑动是会出现返回顶部的便捷操作，帮助用户快速回到页面顶部。

---

组件类型

纯图标

带文字

组件样式

组件状态

--

何时使用

• 适用于列表的分类显示和快速定位。

应用场景

--

何时使用

• 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。

设计资源

类型	资源	状态
设计	Design Kit (Figma)	是
Storybook	Storybook	是

设计指南

--

API 参考

属性	说明	类型	默认值
aria-label	按钮的标签	string	-

设计变量

animation

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

color

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

font

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

height

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

other

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

radius

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

spacing

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

width

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间