# 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

名称 说明
自定义组件内容