使用.el-scrollbar时隐藏横向滚动条

最新推荐文章于 2024-07-18 15:20:20 发布
最新推荐文章于 2024-07-18 15:20:20 发布
阅读量3.3k 收藏 15
点赞数 19
文章标签： css vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43061277/article/details/115895499
版权

隐藏横向滚动条时隐藏不了的解决办法

解决办法

在遇到这个问题的时候，网上的一些回答都是一样的，都是在style中加上以下样式

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

但是我使用这个的时候，发现解决不了问题，于是发现通过在

<el-scrollbar ></el-scrollbar>

中添加样式就可以解决隐藏不了的办法，代码如下

<el-scrollbar wrap-style="overflow-x:hidden;"></el-scrollbar>
Huaxer
关注
  • 19
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
Vue的el-scrollbar实现自定义滚动
09-20
文章所提到的el-scrollbar是Element UI中的一个隐藏组件，虽然Element UI官方文档并未直接提供该组件的使用说明，但开发者可以直接使用该组件实现自定义滚动条效果。使用el-scrollbar可以简单地将默认滚动条替换为...
关于element-ui的隐藏组件el-scrollbar的使用
10-16
使用el-scrollbar组件时，主要目的是为内容区域添加自定义滚动条，这在网页布局中尤其有用，比如当内容区域高度超出视窗高度时，提供一个滚动条让用户体验更加友好。在一些定制化页面设计中，可能需要隐藏原生滚动条...
el-scrollbar 隐藏横向滚动条
carbonzhao的专栏
05-21 1063
滚动条时，常常会因为横向滚动条丑陋被要求隐藏，那如何隐藏横向滚动条呢？在你的页面样式中增加以下两个样式进行控制！
Element-ui之ElScrollBar组件滚动条的使用方法
10-18
主要介绍了Element-ui之ElScrollBar组件滚动条的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue2.0结合使用 el-scrollbar 和 v-for实现一个横向滚动的元素列表，并且能够自动滚动到指定元素（开箱即用）
最新发布
weixin_44056717的博客
07-18 248
【代码】vue2.0结合使用 el-scrollbar 和 v-for实现一个横向滚动的元素列表，并且能够自动滚动到指定元素（开箱即用）
el-scrollbar--隐藏横向滚动条
u014572906的博客
01-06 436
.el-scrollbar__wrap{ overflow-x: hidden; } 注意 两个下划线
el-scrollbar隐藏横向滚动条
qq_58104524的博客
04-27 494
【代码】el-scrollbar隐藏横向滚动条。
vue学习笔记 el-scrollbar 隐藏横向滚动条
xjcwzp的专栏
08-11 875
在学习vue过程中，学习侧边菜单，使用el-scrollbar，需要隐藏横向滚动条 sidebar.scss #app { $sideBarWidth: 220px; $menuBg: #304156; .sidebar-container { ... //隐藏横向滚动条 .el-scrollbar__wrap { overflow-x: hidden !important; } .el-scrollbar__bar.is-horizonta
element-plus el-scrollbar隐藏横向滚动条
skdjbd的博客
08-02 2300
el-scrollbar隐藏横向滚动条
《element-plus》el-scrollbar 横向滚动条隐藏解决方案
潜心
10-15 6402
新的项目使用Element-plus ui 库开发，说真的，有了这样一个库，我们的开发过程真的很愉悦，但是难免会有些场景会碰上，比如隐藏的横向滚动条。
隐藏IE横向滚动条
Jo_El的专栏
02-07 2879
在以前的HTML标准下，要隐藏横向滚动条，只需要在CSS里加上Body{   overflow-x:hidden;}但是在现在的标准下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面，上面的代码不产生任何效果，因为现在不是以Body作为容器，而是html标签，所以加入：HTML{   overflow-x:hidden;}但是这
使用elementUI滚动条之横向滚动
农码精神
01-31 7924
使用elementUI滚动条之横向滚动 用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。 &lt;el-scrollbar&gt;&lt;/el-scrollbar&gt; 将会出现滚动的内容放到上述标签内就可以了。这里要简单的设置一下，将标签的height设为100%，读者查...
element的隐藏滚动条组件el-scrollbar
qq_45030898的博客
01-25 6310
隐藏滚动条组件el-scrollbar1.开发场景2.认识el-scrollbar组件3.隐藏横向滚动条 1.开发场景 这次做项目的时候，遇到了滚动条，自己用的也是elementui组件，突然发现一个隐藏的滚动条组件el-scrollbar,学习一下吧。 开始前，先看下成果吧 2.认识el-scrollbar组件 看了一篇element ScrollBar滚动组件源码深入分析的文章，感兴趣的同学可以自己再深掘一下，还是有意思的。el-scrollbar组件，首先要注意的是要设置高度。 <
el-scrollbar隐藏滚动条
qq_36022463的博客
11-27 997
https://blog.csdn.net/qq_43061277/article/details/115895499 解决办法 在遇到这个问题的时候，网上的一些回答都是一样的，都是在style中加上以下样式 .el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;} 1 但是我使用这个的时候，发现解决不了问题，于是发现通过在 1 中添加样式就可以解决隐藏不了的办法，代码如下 ———————————————— 版权声明：本文为CSDN博主「qq_430
【element】去除＜el-scrollbar＞横向滚动条
zhaojingj_的博客
03-15 5251
去除el-scrollbar横向滚动条
el-scrollbar出现横向滚动条解决方案
简单点的博客
12-20 1330
el-scrollbar出现横向滚动条解决方案
el-scrollbar显示横向滚动条
weixin_46211267的博客
03-16 4635
让横向滚动条出现，同时不显示默认的滚动条， 需要在 el-scrollbar__wrap 添加 .el-scrollbar__wrap{ overflow-x: auto; height: calc(100% + 20px); //多出来的20px是横向滚动条默认的样式 } 1 2 3 4 在el-scrollbar 是 overflow: hidden; el-scrollbar__view必须是浮动或 display: inline-block 才能出现滚动条 .el-scrollbar .
el-scrollbar如何隐藏横向滚动条
11-10
要隐藏el-scrollbar的横向滚动条，可以使用CSS样式将其overflow-x属性设置为hidden。具体方法如下所示： ```css .el-scrollbar__wrap { overflow-x: hidden; } ``` 这将隐藏el-scrollbar的横向滚动条，使其不再显示。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值