BackTop 回到顶部
返回页面顶部的操作按钮。
何时使用
- 当页面内容区域比较长时;
- 当用户需要频繁返回顶部查看相关内容时。
代码演示
Scroll down to see the bottom-right
gray
button.
Scroll down to see the bottom-right
blue
button.
API
有默认样式,距离底部
50px
,可覆盖。自定义样式宽高不大于 40px * 40px。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
target | 设置需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数 | Function | () => window |
visibilityHeight | 滚动高度达到此参数值才出现 BackTop | number | 400 |
事件
事件名称 | 说明 | 回调参数 |
---|---|---|
click | 点击按钮的回调函数 | Function |