vue+element-ui 回到顶部组件backTop

最新推荐文章于 2024-12-03 15:56:32 发布

nzstjhk

最新推荐文章于 2024-12-03 15:56:32 发布

阅读量1.1w

点赞数 4

分类专栏：小功能总结文章标签： element vue backTop 返回顶部回到顶部

本文链接：https://blog.csdn.net/weixin_42598901/article/details/99674145

版权

本文介绍如何结合Vue.js与Element-UI库，实现页面滚动时的回到顶部组件BackTop。通过配置和自定义样式，使得用户能够轻松点击回到页面顶部。

摘要由CSDN通过智能技术生成

<template>
    <div class="wraper">
         <template>
            Scroll down to see the bottom-right button.
            <el-backtop 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>
          </template>
          <div>返回顶部</div>
          <div>返回顶部</div>
          <div>返回顶部</div>
          <div>返回顶部</div>
          <div>返回顶部</div>
          <div>返回顶部</div&g