css3解决滚动条太难看问题

问题描述:页面因内容太多出现一些滚动条,但是系统自动的滚动条太难看,下面编程教程网小编给大家介绍一下::-webkit-scrollbar的作用。


/*滚动条*/
::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

::-webkit-scrollbar-thumb {
  background-color: #aaa;
  background-clip: padding-box;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

//如果不想显示滚动条
.sidebar::-webkit-scrollbar {
  width: 0;
}
以上是编程学习网小编为您介绍的“css3解决滚动条太难看问题”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。

本文标题为:css3解决滚动条太难看问题

基础教程推荐