element ui Backtop 回到顶部
// 所有代码
<template>
<!-- 统计绘图 -->
<div id="drawing" class="wraper"> //此处class="wraper"
<el-backtop target=".wraper"> // 和此处的target=".wraper" 对应
<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>
<div>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
<h2>666666666666</h2>
</div>
</div>
</template>
<script>
export default {
name: "drawing",
data() {
return {};
}
};
</script>
<style lang="less" scoped>
#drawing { // 给class="wraper"的标签设置属性
height: 100%;
overflow: auto;
}
</style>