Element UI 回到顶部el-backtop组件的教程或问题

el-backtop组件使用

<template>
  <div class="container">
    <div style="height:800px;">
    ...//主要内容
    </div>
    //回到顶部组件 target:回到指定类的顶部 visibility-height:滚动长度
    <el-backtop target=".container" visibility-height="50">
        <div class="toTop">Top</div>//滚动点击的元素
    </el-backtop>
  </div>
</template>
<style scoped lang='scss'>
.container{
    width:100%;
    height:100vh;		//核心
    overflow-x:hidden ;		//核心
}
.toTop{
    padding:10px;
    box-shadow: 0px 0px 5px black;
}
</style>

你可能感兴趣的:(Vue,javascript,html,js,css)