如何使用Element Backtop回到顶部

这篇文章主要讲解了如何使用Element Backtop回到顶部，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

组件— 回到顶部

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

自定义显示内容

如何使用Element Backtop回到顶部

<template>
 Scroll down to see the bottom-right button.
 <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
  <div
   style="{
    height: 100%;
    width: 100%;
    background-color: #f2f5f6;
    box-shadow: 0 0 6px rgba(0,0,0, .12);
    text-align: center;
    line-height: 40px;
    color: #1989fa;
   }"
  >
   UP
  </div>
 </el-backtop>
</template>

Attributes

如何使用Element Backtop回到顶部 Events

如何使用Element Backtop回到顶部

看完上述内容，是不是对如何使用Element Backtop回到顶部有进一步的了解，如果还想学习更多内容，欢迎关注行业资讯频道。

如何使用Element Backtop回到顶部

相关推荐