ElementPlus Backtop 回到顶部

Backtop 回到顶部

返回页面顶部的操作按钮

基础用法

滑动页面即可看到右下方的按钮。

<template>
  Scroll down to see the bottom-right button.
  <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
</template>

自定义显示内容

显示区域被固定为 40px * 40px 的区域, 其中的内容可支持自定义。

<template>
  Scroll down to see the bottom-right button.
  <el-backtop
    target=".page-component__scroll .el-scrollbar__wrap"
    :bottom="100"
  >
    <div
      style=""
    >
      UP
    </div>
  </el-backtop>
</template>

Attributes

Events