如何不显示滚动条，但是又可以实现滚动条的功能？

Question

题目描述

现在滚动条感觉不够美感，先让滚动条不显示，可以为透明的，且占的宽度尽可能少，从而在前端显示为没有，想问下如何修改样式

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<i-table :height="height" highlight-row @on-current-change="onClickRow" border size="small" :columns="columns1" :data="showdata1" style="margin-right: 10px"></i-table>

你期待的结果是什么？实际看到的错误信息又是什么？

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

https://www.aliyun.com/jiaoch...

Answer 2

你可以参考这个Element网站的样式, 打开开发者工具看看 它就是把滚动条隐藏了, 自己做了个滚动条
如果你用element ui的话可以直接用它这个滚动条组件
http://element-cn.eleme.io/#/...