elementui table 不显示横向滚动条怎么解决_使用vue实现ElementUI中的Backtop回到顶部...

一、前言

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版权协议,转载请附上原文出处链接和本声明。