<template>
<div class="page-content-scroll">
<el-backtop target=".page-content-scroll">
<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>
<slot></slot>
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
.page-content-scroll{
// 必须撑满屏幕
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
}
</style>
vue中实现backTop(返回页面顶部)注册全局,所有组件添加
最新推荐文章于 2024-06-28 11:18:26 发布
本文介绍如何在Vue项目中注册一个全局的BackToTop组件,使得该返回顶部功能可以应用于所有组件,详细步骤包括组件创建、安装及配置。
摘要由CSDN通过智能技术生成