# Gobottom 直达底部
# Gobottom 概述
当页面内容冗长,需要快捷直达底部时使用,一般放置在页面右上角位置。
# Gobottom 代码演示
# 基础用法
默认位置距离页面右部和顶部 30px,滚动至距底端 400px 时消失。
# 自定义样式
自定义了位置在页面顶部 100px
reserveheight
页面滚动高度达到该值时才消失 goBottom 组件top
组件距离顶部部的距离right
组件距离右部的距离duration
滚动动画持续时间,单位 毫秒on-click
点击按钮时触发
# Gobottom API
# Gobottom props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
reserveHeight | 距离底部高度多少时组件消失 | Number | 400 |
top | 组件距离顶部的距离(定位) | Number | 30 |
right | 组件距离右部的距离 | Number | 30 |
duration | 滚动动画持续时间,单位 毫秒 | Number | 1000 |
# Gobottom events
事件名 | 说明 | 返回值 |
---|---|---|
on-click | 点击按钮时触发 | 无 |
# Gobottom slot
名称 | 说明 |
---|---|
无 | 自定义组件内容 |