[ CSS ] 如何隐藏滚动条,又不失去滚动功能( 两行代码 )

时间:2020-9-6 作者:admin

网上隐藏滚条的回答看似很多,但我发现多数都是CV大法…
今天我就遇到了这样的问题

[ CSS ] 如何隐藏滚动条,又不失去滚动功能( 两行代码 )


前段时间用React自己封装了个Table组件.因缺乏样式,导致TableHeader和TableBody没有对齐…
强迫症发作-想要把这个Scroll-y干掉又不失去原有的滚动功能
<hr/>

解决思路:

1:滚动条宽度是固定的(一般我是直接设置了滚动条宽度,跳转链接:https://www.cnblogs.com/yclblog/p/6806496.html
)
2.要隐藏滚动条的父元素设置 溢出隐藏
3.携带滚动条的元素设置宽度 自身宽度+滚动条宽度

<hr/>

伪代码:

.box{
    overflow:hidden;
    }

.hidden-scroll{
    width:calc(100% + 17px); /* 这里我设置了17px的固定滚动条宽度 */
    }

<hr/>

如果有大佬看到了希望多给点建议…
OVER…

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。