欢迎来到曹鸿源的个人站点

       
点击小屏 点击全屏

Element-Ui 中的Backtop回到顶部

在使用Element-Ui 中的Backtop回到顶部时,直接复制示例中的代码,会报错:target is not existed: .page-component__scroll .el-scrollbar__wrap,记录下解决办法。

我们可以看到Element的Backtop的每个参数都给了默认值:

image.png


所有,直接写:

<el-backtop></el-backtop>

这样效果就出来了。

如果再有问题,就尽量把这个代码放在前面。

自定义的话也很简单:

<style>
    .backtop-up {
        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;
    }
</style>
<el-backtop>
    <div class="backtop-up">UP</div>
</el-backtop>


喜欢这个插件?点击获取:cShare

本文链接地址,转载请标注: http://caohongyuan.cn/article/167


上一篇:1130 - Host XXX is not allowed to connect to this MySQL server 错误提示的解决办法。

下一篇:1

(邮箱不会公开,只会做回复通知用) 提交 清空 {{comment.content}}
Re:{{response.content}}