CSS处理滚动条

CSS处理滚动条

老方法

兼容性较差

::-webkit-scrollbar {
  display: none;
}

以及其他::-webkit-*方法。

虽然可以用，但是不建议，如果只是处理显隐和颜色问题，建议使用下面的。

‍

推荐方法

* {
  scrollbar-width: none;
}

textarea {
  scrollbar-width: thin;
  scrollbar-color: black transparent;
}

上面示例是处理textarea全部不显示滚动条，且textarea显示系统自带的细长滚动条，颜色配置两个分别是滑块和轨道的颜色。如果颜色只写一个则是滑块颜色。