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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于隐藏原生滚动条的一些事相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

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

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

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

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

目前仍然存在兼容性问题

但是并不影响它的使用

以上是关于关于隐藏原生滚动条的一些事的主要内容,如果未能解决你的问题,请参考以下文章

CSS 实现隐藏滚动条同时又可以滚动

关于滚动条的闪烁问题

vue的滚动条插件vue-scroll

如何完全隐藏组件中的滚动条

如何隐藏scroll-Y纵向滚动条,并不影响内容滚动的方法

egret:ViewStack 中的scroller滚动条的隐藏