一、前言
elementUI有说明文档,但我为什么还要重新写一下呢?因为文档也有坑,一开始使用时你复制进去,可能都没有效果。也不知道原因在哪,就如Backtop回到顶部的组件,不去看源码,真心不知道是怎么个所以然。一开始,我把这个组件放到我页面的底部,结果是无效果的,而且还会报css的这两个样式错误(.page-component__scroll .el-scrollbar__wrap),看完这个文档,也没找到这两个是什么东西,在哪设置。全文搜索,也没找到这两个css。最后逼我进去看Backtop组件源码,看懂后,删除了没必要的东西,放置的位置调整一下,完美解决。这也是本站使用的回到顶部的效果。以下我会贴出官方文档及源码,还有解决思路
二、官方文档 https://element.eleme.cn/#/zh-CN/component/backtop
Backtop 回到顶部
返回页面顶部的操作按钮
基础用法
滑动页面即可看到右下方的按钮。
Scroll down to see the bottom-right button. 自定义显示内容
显示区域被固定为 40px * 40px 的区域, 其中的内容可支持自定义。
Scroll down to see the bottom-right button. UP版权声明:本文为weixin_42513928原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。