el-table 全局滚动条导致错位，求解决方案

Question

如题我使用全局的滚动条样式覆盖

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0;
  height: 8px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  height: 8px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: #F5F5F5;
}

//
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  height: 8px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(208, 230, 250, .3);
  background-color: #c5daff;
}   

然后element table拖动到最下面就错位成这样了

按理说应该要这样的效果

可怎么改都不行，只能把全局的覆盖去掉，单独给这个table组件写一个样式，而不用覆盖式的css写法，但这样导致只能改滚动条的颜色样式，el-table那一小块缺口是固定死15px，就是改不了宽高了，很郁闷，求大神给个解决方案。

Answer 1

.el-table__fixed-body-wrapper .el-table__body{padding-bottom:8px}
bottom是你定义的滚动条宽度 15的话就写成15px

如果不想要这种的话 那就把::-webkit-scrollbar 宽高必须一样 宽8px 高也得8px

Answer 2

看吧 我按照你的来也是 就是很莫名其妙

三楼的方法解决了错位，，但是会很突兀的，在滚动到最下面的时候，把影藏住的显示出来

Answer 3

https://codepen.io/anon/pen/x...

Answer 4

这个怎么解决比较好啊,表格都是全局的,只要是没滚动条就会错位,这怎么弄?