BackTop 回到顶部

固定于视口角落的回到顶部按钮，点击平滑滚动到页面顶部。

基础用法

按钮默认固定于视口右下角（bottom: 32px; right: 32px），滚动页面后点击即可回到顶部。

基础用法

示例代码

自定义位置

自定义位置

示例代码

显隐控制

显隐控制

显示 / 隐藏

示例代码

点击事件

点击事件

显示按钮

示例代码

API

属性

属性	说明	类型	默认值
bottom	距视口底部距离	string	32px
right	距视口右侧距离	string	32px
visible	是否显示按钮	boolean	—

事件

事件	说明
oas-click	点击按钮（随后平滑滚动到顶部）

按钮 position: fixed 固定于视口，:host 默认 display: inline-block；未显示时按钮 aria-hidden="true"。