官網給出的方案很有意思，直接copy沒啥反應的，然后去找別人的代碼看看，幾乎也沒人寫能清楚，這個組件到底應該怎么使用。

<template>
  <div class="container">
    <el-backtop target=".container" :visibility-height="300">
      <div
        style="
           {
            height: 100%;
            width: 100%;
            background-color: #f2f5f6;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
            text-align: center;
            line-height: 40px;
            color: #1989fa;
          }
        "
      >
        UP
      </div>
    </el-backtop>

    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
    <div>返回頂部</div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style scoped>
.container {
  height: 500px;
  overflow-x: hidden;
}
</style>

關于backtop組件分析。

首先在外層需要定義一個容器包裹<el-backtop></el-backtop>這個組件，同時這個容器的class樣式名字對應的是<el-backtop></el-backtop>組件里面的target屬性（即觸發滾動的對象）

而下圖這個紅色框選區域的代碼，他是（返回圖標）的樣式設計效果，這塊區域的代碼可有可無。

至于內容撐高區域，不是寫在<el-backtop></el-backtop>組件里面包裹著的，相反內容區域寫在<el-backtop></el-backtop>組件之外。

容器定義樣式（這2個屬性必須要寫）

這里我們定義了容器的整個高度是500px