BackTop 回到顶部

返回页面顶部的快捷按钮。

基础用法

滚动页面超过 200px 后，右下角会出现回到顶部按钮。

<script setup>
import { DanBackTop } from '@dandan-ui/ui'
</script>

<template>
  <div>
    <p style="margin: 0; color: var(--dan-color-text-secondary)">
      滚动页面超过 200px 后，右下角会出现回到顶部按钮。
    </p>
    <DanBackTop :visibility-height="200" :right="40" :bottom="80" />
  </div>
</template>

BackTop Props

属性	说明	类型	默认值
visibilityHeight	滚动高度达到此值才显示	number	200
right	距离页面右边距	number	40
bottom	距离页面底边距	number	40
target	滚动容器	string | HTMLElement | null	null