KOCA版本 :3.7.4
KOCA模块 :koca-ui
模块版本 :3.7.4
场景 :表格中存在滚动条,选择滚动条
问题 :滚动条太小,在操作时较为难选中滚动条滑块;现有放大方案不满足使用。
报错细节 :
尝试解决方案:
-
直接修改表格滚动条hover时的样式,选中不够灵敏且XY都存在滚动条时,会都放大
.el-table__body-wrapper::-webkit-scrollbar:hover {
width: $–hover-scroll-width;
height: $–hover-scroll-width;
} -
在现存放大方案下修改,需要首先固定滚动条大小,然后通过更改background-clip属性;不过这种方式需要修改其他样式,比如固定的Action栏高度,Y方向表头的td宽度;
-
在滚动时动态修改滚动条的样式,停止操作一段时间后恢复;不过也存在方案1的问题,区分不了XY方向的滚动条样式;
4.通过自定义的盒子样式替代滚动条,通过盒子的点击、拖拽事件替代滚动条的滚动事件(建议方案)