el-scrollbar怎么隐藏横向滚动条

来源：资料

之前弄过这个，然后就是记不住。在网上找了天资料，怎么都不行

解决办法：

首先：不管你的外层div 是浮动还是相对定位绝对定位，都得在el-scrollbar得外层div 设置个高度。

然后在style中加入

.el-scrollbar__wrap {overflow-x: hidden;
}

到这里如果你发现不管用。就去app.vue

加入

.el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;
}
// 上面隐藏横向滚动条会导致下拉框底部遮盖问题
.el-select-dropdown .el-scrollbar {padding-bottom: 17px;
}

el-scrollbar怎么隐藏横向滚动条相关推荐

html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案
在WEB实际开发过程中,特别是在iframe引用其它网页时,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现. ...
关于Panel隐藏横向滚动条
不设置控件的AutoScroll属性,在后台写代码,就可以隐藏掉横向滚动条转载于:https://www.cnblogs.com/WordHorizon/p/11323057.html
frame中隐藏横向滚动条
遇到的问题是当main中的内容超过main的指定高度时,会同时出现竖向和横向滚动条,这是一种极不好的用户体验,理想状态应该是只出现竖向滚动条,我尝试了如下解决方法: 1.直接添加body属性<b ...
vue实现横向滚动条显示，竖向滚动条隐藏但能滚动
一开始的需求是横向竖向都隐藏但能滚动,有两种方法: 在滚动区域外面加一层div,设置overflow:hidden:或者设置scrollbar的display属性. // 方法一,设置父级元素over ...
layui表格取消横向滚动条_layui滑动条如何隐藏
layui滑动条隐藏的方法:首先打开相应代码文件:然后通过"content: ['/home/index/echartTest?role=2&wd='+host,'no']" ...
横向滚动条并且隐藏竖向滚动条
怎么用CSS给html加横向滚动条并且隐藏竖向滚动条解决方法:隐藏竖向滚动条在子页面的<html>标签里加入以下格式:<html style="overflow: au ...
js 实现pc端鼠标拖动触发横向滚动条的滚动（隐藏的滚动条）
如果您想插件实现,如下链接:better-scroll better-scroll | :scroll: inspired by iscroll, and it supports more featu ...
《element-plus》el-scrollbar 横向滚动条隐藏解决方案
项目场景: 新的项目使用Element-plus ui 库开发,说真的,有了这样一个库,我们的开发过程真的很愉悦,但是难免会有些场景会碰上,比如隐藏el-scrollbar的横向滚动条. 问题描述首 ...
html页面不显示横向滚动条,css横向滚动条不显示？
在html页面开发时,我们经常会使用到css来设置页面的样式,当页面出现横向滚动条时,用css怎么将其清除掉?下面我们来看一下css设置横向滚动条不显示的方法. css可以通过为元素添加overflo ...

el-scrollbar怎么隐藏横向滚动条

el-scrollbar怎么隐藏横向滚动条相关推荐

最新文章

热门文章