1.CSS隐藏滚动条但可以滚动 2.el-table完美隐藏滚动条

1.

overflow设置为auto后出现滚动条

缺点：无法兼容IE低版本，不过IE已经放弃了，不考虑。

/* 隐藏滚动条 */
.node-detail::-webkit-scrollbar { width: 0 !important }//chrome 和Safari
.node-detail { -ms-overflow-style: none; }//IE 10+
.node-detail { overflow: -moz-scrollbars-none; }//Firefox
/* 隐藏滚动条 */

2.

      // ----------修改elementui表格的默认样式-----------::v-deep .el-table__body-wrapper {&::-webkit-scrollbar {// 整个滚动条width: 0px; // 纵向滚动条的宽度background: #022278;border: none;}&::-webkit-scrollbar-track {// 滚动条轨道border: none;}}// --------------------隐藏table gutter列和内容区右侧的空白 start::v-deep .el-table th.gutter {display: none;width: 0;}::v-deep .el-table colgroup col[name='gutter'] {display: none;width: 0;}::v-deep .el-table__body {width: 100% !important;}// --------------------隐藏table gutter列和内容区右侧的空白 end

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！