使⽤elementUI滚动条之横向滚动
⽤过elementUI组件应该会知道它内置⼀个滚动效果，官⽹对此组件没有相关⽂档，也是细⼼⽹友发现的。
<el-scrollbar></el-scrollbar>
将会出现滚动的内容放到上述标签内就可以了。
这⾥要简单的设置⼀下，将标签的height设为100%，读者查看效果的时候，会出现⼀个横向的滚动条，如果你不想要横向的滚动条，使⽤下⾯css属性设置就可以只显⽰竖向滚动条。
.el-scrollbar__wrap {
overflow-x: hidden;
}
⽰例使⽤如下： 
以上是常见的⽤法。
如果需求横向滚动，可以使⽤这个⽅法。参照上⾯的⽤法，前提是li标签的内容需要浮动或者 display:inline-block; 然后⾼度按需要定义
.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{
white-space: nowrap;
win10滚动条设置}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。