问题描述:页面因内容太多出现一些滚动条,但是系统自动的滚动条太难看,下面编程教程网小编给大家介绍一下::-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解决滚动条太难看问题
猜你喜欢
- JS版如何在前端网页中使用Markdown,解析markdown代码,ChatGpt返回数据解析 2023-08-29
- js实现随机数小游戏 2024-01-02
- 你可能不知道的CORS跨域资源共享 2024-02-29
- 实现瀑布流布局的三种方式 2023-08-08
- ajax动态加载json数据并详细解析 2023-02-23
- Typescript + Vue + Eslint使用不报错的方法总结。 2023-10-08
- jQuery中过滤器的基本用法示例 2024-03-11
- Vue.js中引入图片路径的几种方式 2023-10-08
- ajax+springmvc实现C与View之间的数据交流方法 2023-01-31
- 前端H5 Video常见使用场景简介 2023-12-24