实现仅去除纵向滚动条效果
项目开发中,有这样一个需求:实现表格内容自动滚动,去掉纵向滚动条。
代码如下所示:
::v-deep ::-webkit-scrollbar {
width: 0;
height: 0;
}
这种写法确实实现了去掉了纵向滚动条的效果,不过对于我的项目来说,却存在一些问题:因为我的表格的表头是可以动态控制的,所以当默认展示的时候,表格横向宽度足够,不存在滚动条的现象;但当表头全部展示的时候,右侧部分内容展示不出来。因为上面的css代码是将横向以及纵向的滚动条全部给去除了,所以需要换一种实现方法。具体代码如下所示:
::v-deep .el-table--scrollable-y .el-table__body-wrapper {
overflow-y: hidden;
}
只需要配置这个属性,就可以实现仅去除纵向滚动条的情况,不过需要把上面的第一个属性的width以及height注释。