css隐藏滚动条

不知道有没有小伙伴遇到过这样的问题，文字太多，需要隐藏，但是产品和设计觉得你overflow出来的滚动条太low，用户体验不好？fk，心中一万个尼玛，但是还是要优化，毕竟如今用户为王，流量至上。今天就来用css实现完美的滚动，让你的项目更上一层楼，让产品设计统统shut up、、、 废话不多说，直接上代码，其实很简单一行代码搞定，但是还是会有初学的小伙伴看着云山雾绕，因为我也是从小白一步步走过来的，所以最后用例子说话了。

<div class="scroll-hidden">
    这里是需要滚动的内容，可能有很多，几万行哈哈哈
</div>
.scroll-hidden {
    width: 100px;
    height: 300px;
    overflow: auto
}
来画重点：
.scroll-hidden::-webkit-scrollbar {
    display: none;
}

至此可以说的一行代码搞定，是不是soeasy？所以啊活到老学到老，知识是无限的，能力是有限的，为了能够在有限的生涯里学到无限的知识，我们要珍惜每一次能够学习的机会，fight！撸起袖子加油干！