若依ruoyi-vue element-ui 横向滚动条 动态横向滚动条

动态横向滚动条

因为每次横向滑动都要到底部,引入插件
https://github.com/mizuka-wu/el-table-horizontal-scroll

css 复制代码
//动态横向滚动条移入样式
.el-table-horizontal-scrollbar :hover{
  //高度 变大10%
  transform: scaleY(1.5) translateY(-10%);
  //百分之八十亮度,加深
  filter: brightness(0.8);
  background-color: #C0C0C0;
}

//动态横向滚动条默认样式
.el-table-horizontal-scrollbar {
  transform: scaleY(1.5);
  background-color: #C0C0C0;
}
css 复制代码
/* 默认底部横向滚动条样式 el-table自带的滚动条变大 */
.el-table__body-wrapper::-webkit-scrollbar {
  // 表格右侧滚动
  width: 15px !important;
  // 表格下方滚动
  height: 15px !important;
}

/**  设置默认底部横向滚动条样式,el-table自带的滚动条变大 */
.el-table__body-wrapper, .el-scrollbar__wrap {
  &::-webkit-scrollbar {
    width: 15px;
    height: 15px;
  }
}
相关推荐
莫的感情1 天前
下载按钮点击一次却下载两个文件问题
前端
一个很帅的帅哥1 天前
JavaScript事件循环
开发语言·前端·javascript
小宁爱Python1 天前
Django Web 开发系列(二):视图进阶、快捷函数与请求响应处理
前端·django·sqlite
fox_1 天前
深入理解React中的不可变性:原理、价值与实践
前端·react.js
武天1 天前
Vue项目中有封装过axios吗?怎么封装的?
vue.js
Github项目推荐1 天前
你的错误处理一团糟-是时候修复它了-🛠️
前端·后端
Code小翊1 天前
C语言bsearch的使用
java·c语言·前端
云枫晖1 天前
Webapck系列-初识Webpack
前端·javascript
慧一居士1 天前
HTML5 功能介绍,使用场景,对应功能点完整使用示例
前端
海在掘金611271 天前
告别“undefined is not a function”:TS如何让你的函数调用更安心
前端