导航类 · BackTop
回到顶部

代码演示

如何引入

基本用法

BackTop 预设了基本的返回按钮,可以直接调用。

自定义样式

BackTop 预设了默认样式,包括:距离底部 50px,距离右侧 100px,box-sizingborder-box,内容水平居中。样式可以覆盖。

API 参考

属性说明类型默认值
className类名string-
duration滚动到顶部的时间number450
style样式名CSSProperties-
target返回值为需要监听其滚动事件的元素对应 DOM 元素的函数() => any() => window
visibilityHeight出现 BackTop 需要达到的滚动高度number400
onClick点击事件的回调函数(e: MouseEvent) => void-

设计变量

© 2021 Semi Design. All rights reserved.

京ICP备19058139号-13浙公网安备 33011002016131号

Designed & Developed with love by Douyin FE & MED