首页 > 代码库 > 关于隐藏原生滚动条的一些事

关于隐藏原生滚动条的一些事

在页面中让一部分可以滚动很容易

给父元素设置overflow:auto;就行了

这样做虽然简单但是也有很大的问题:原生的滚动条实在是太丑了!!

怎么把原生的滚动条隐藏起来,传统的做法是在:

要设置的overflow:auto,的元素外面在包一层div

在这个div上设置overflow:hide,通过调整该它的宽度,来隐藏掉滚动条;

这样的做法虽然能实现但是还是过于麻烦

C3出来后就直接提供修改滚动条样式的方法

::-webkit-scrollbar {
  width: 0px;
}

目前仍然存在兼容性问题

但是并不影响它的使用

关于隐藏原生滚动条的一些事