Backtop 回到顶部

返回页面顶部的操作按钮。

基础用法

滑动页面即可看到右下方的按钮。

自定义内容

显示区域被固定为 40px * 40px 的区域，其中的内容可支持自定义。

模式：返回底部

这是一个特色功能，设置 mode="bottom" 即可创建一个“去到底部”的按钮。

API

Attributes

属性名	说明	类型	可选值	默认值
target	触发滚动的对象	string	-	-
visibility-height	滚动高度达到此参数值才出现	number	-	200
right	控制其显示位置，距离页面右边距	number	-	40
bottom	控制其显示位置，距离页面底部距离	number	-	40
mode	模式，控制滚动方向	string	top / bottom	top
duration	滚动动画持续时间（毫秒）	number	-	450

Events

事件名	说明	回调参数
click	点击按钮触发的事件	(evt: MouseEvent)

Slots

插槽名	说明
default	自定义内容