Back top

A button to back to top.

Basic usage

Scroll down to see the bottom-right button.

---

<template>
  <p>Scroll down to see the bottom-right button.</p>

  <!-- default -->
  <b-backtop />
  <!-- custom -->
  <b-backtop :right="80">
    <span class="text-sm font-semibold">Back to top</span>
  </b-backtop>
</template>

Backtop Attributes

Name	Description	Type	Default
target	the target to trigger scroll	string	—
visibility-height	the button will not show until the scroll height reaches this value	number	240
right	right distance	number	24
bottom	bottom distance	number	24

Backtop Events

Name	Description	Parameters
click	triggers when click.	(evt: MouseEvent) => void

Backtop Slots

Name	Description
default	customize default content.