element-ui 隐藏的滚动条组件，兼容火狐，谷歌，高版本ie

前端永恒的难题之一，默认滚动条不好看，又没有兼容所有浏览器的css样式方案！！！

element-ui项目也一样！但是网友发现了一个隐藏组件，不是我发现的哈。我不看源码！！！

el-scrollba组件

使用方式

<el-scrollbar style="height: 300px"></el-scrollbar>

• height可以是100%，但是一定要父级高度也有才可以哦！

效果展示

image.png

隐藏横向滚动条

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

推荐阅读更多精彩内容

• HTML+CSS(47-72)

  问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...

  _Yfling阅读 13,787评论 1赞 92
• 第一阶段

  day01­_起源和结构 结构：Xhtml xml 表现：CSS 行为：DOM ECMAScript 以上都属于W...

  Sakura_明妃阅读 1,229评论 0赞 1
• 浏览器中的兼容问题

  1. 默认的内外边距不同 问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;...

  jslxm阅读 847评论 0赞 2
• 无敌的好用css ie兼容大全

  CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与F...

  心淡然如水阅读 1,209评论 0赞 0
• 47种常见的浏览器兼容性问题

  Ø JavaScript 3 1. HTML对象获取问题 32. const问题 33. event.x与even...

  横冲直撞666阅读 3,206评论 0赞 7