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

Question

百度过用.el-scrollbar__wrap{overflow-x: hidden;}，但是我的代码用这个不管用，项目是vue+element的

Answer 1

.el-scrollbar__wrap{overflow-x: hidden;}有用的，不要写在<style scoped></style>，自己另外写css引入文件。

Answer 2

你试试

.is-horizontal {
    display: none;
}

Answer 3

使用scoped 时候 ，使用

/deep/ .el-scrollbar__view {
    overflow-x: hidden;
}

这个有用

Answer 4

<style scoped></style> 其中scoped 表示当前文件渲染css， 而滚动条或许是你后面动态加载出来的，所以没生效。
解决方法： 1.可以如二楼所述另外引入全局生效的css文件；
2.去掉当前文件的scoped 属性