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>