美文网首页
css怎么隐藏滚动条?几行代码搞定

css怎么隐藏滚动条?几行代码搞定

作者: VinSmokeW | 来源:发表于2021-04-19 16:39 被阅读0次

上代码拿去试吧

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}

相关文章

网友评论

      本文标题:css怎么隐藏滚动条?几行代码搞定

      本文链接:https://www.haomeiwen.com/subject/gkailltx.html