乐趣区

关于前端:element隐藏table的垂直滚动条

在做需要时两个 Card 组件增加条数呈现滚动条发现不美观,思考暗藏滚动条,成果如下

在 style 文件上批改款式

.el-table__body-wrapper::-webkit-scrollbar {
  /* width: 0; 宽度为 0 暗藏 */
  width: 0px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 2px;
  height: 50px;
  background: #eee;
}
.el-table__body-wrapper::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.4);
}

功败垂成

退出移动版