原文:Otb_000_ElementUI 的 Drawer组件无法上下滚动没有滚动条

场景:当导航为侧边栏的时候,鼠标滚轮滑动的时候,以及移动端,均不可上下拖动,如果展开全部将影响操作。 解决后 可以滚动 ...

2020-03-16 22:03 1 4592 推荐指数:

查看详情

Element drawer添加 滚动条 无法上下滚动

/*1.显示滚动条:当内容超出容器的时候,可以拖动:*/ .el-drawer__body { overflow: auto; } /*2.隐藏滚动条,太丑了*/ .el-drawer__container ::-webkit-scrollbar{ display: none; }    ...

Wed Jan 13 18:18:00 CST 2021 1 1641
使用elementUI滚动条之横向滚动

用过elementUI组件应该会知道它内置一个滚动效果,官网对此组件没有相关文档,也是细心网友发现的。 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下,将标签的height设为100%,读者查看效果的时候,会出现一个横向的滚动条,如果你不想要横向的滚动条,使用下面css属性 ...

Sat Sep 19 21:22:00 CST 2020 0 2759
ElementUI之添加滚动条

方式一: 添加样式 在使用 <el-row> <el-col class="test"></el-col> </el-row> //在使用该布局时有时候缩小窗口,或者内容过多时不显示滚动条,为了添加滚动条可设 ...

Thu Apr 22 08:10:00 CST 2021 0 598
设置elementUI的table组件滚动条位置

1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop ...

Fri Aug 09 04:15:00 CST 2019 0 3149
使用elementUI滚动条之横向滚动

用过elementUI组件应该会知道它内置一个滚动效果,官网对此组件没有相关文档,也是细心网友发现的。 <el-scrollbar></el-scrollbar> 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下,将标签的height设为 ...

Thu Jan 31 18:15:00 CST 2019 0 12684
elementUI隐藏组件el-scrollbar(滚动条

发现: elementUI网站自带了一个滚动条,但是在文档那里是没有展示的,于是我通过查阅相关资料,发现elementUI其实有个el-scrollbar组件,也就是滚动条组件。 用法: 直接在需要滚动的元素包裹一个标签<el-scrollbar>< ...

Sat Apr 11 23:02:00 CST 2020 0 1538
elementUI的隐藏组件el-scroll--滚动条

由于原生的滚动条存在兼容性问题并且样式不是太美观,在项目中经常使用的是elementui,发现elementui中有个隐藏的组件,就是element官网使用的滚动条,可以优化滚动条样式。鼠标经过的时候才会显示,简单美观。 首先全局引入element,import ElementUI from ...

Tue Aug 18 19:00:00 CST 2020 0 940
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM