欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue+Element-ui实现返回顶部

程序员文章站 2022-06-08 09:28:30
...

废话不多说,直接上代码。
html:

<template>
  <div class="container">    //container必须写在最外面的盒子
    <el-backtop target=".container">
      <div class="toTop">Top</div>
    </el-backtop>

    <div v-for="index in 100" :key="index">这只是个测试!!!</div>
  </div>
</template>

css:

<style scoped>
.container {
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
}
.toTop {
  padding: 10px;
  box-shadow: 0px 0px 5px black;
}
</style>
相关标签: UI组件库 Vue