element表格设置fixed后滚动条滚动时右下角空白块当鼠标滚动时显示不全导致原因：自定义滚动条不全

103 阅读 0 评论 68 点赞

我是靠谱客的博主微笑薯片，最近开发中收集的这篇文章主要介绍element表格设置fixed后滚动条滚动时右下角空白块当鼠标滚动时显示不全导致原因：自定义滚动条不全，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

当鼠标滚动时显示不全

导致原因：自定义滚动条不全

/* 滚动条整体部分 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f6fa;
}
/* 滚动条的轨道 */
::-webkit-scrollbar-track {
  width: 8px;
  height: 8px;
}
/* 滚动条的滑块按钮 */
::-webkit-scrollbar-thumb {
  width: 6px;
  height: 6px;
  border-radius: 4px;
  background-color: #b6bece;
}
/* 表格头部的白块设置成与表头一样的颜色 */
.el-table__fixed-right-patch{
  background-color: #E9EBF0 !important;
}
/* 当没有滚动条时 */
.el-table__fixed-right{
  right: -1px !important;
}
/* 当有滚动条的时候 默认偏移距离 */
.el-table--scrollbar-y .el-table__fixed-right{
  right: 6px !important;
}