问题描述:页面因内容太多出现一些滚动条,但是系统自动的滚动条太难看,下面编程教程网小编给大家介绍一下::-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解决滚动条太难看问题
基础教程推荐
猜你喜欢
- Nginx找到css但不将其加载到index.html中 2023-10-27
- css之自动换行实现代码 2024-01-17
- CSS或者JS实现鼠标悬停显示另一元素 2023-12-21
- Vue---一条命令自动生成模板 2023-10-08
- JS数据分析数据去重及参数序列化示例 2023-12-27
- 简单实现ajax获取跨域数据 2023-02-14
- javascript题目,重写函数让其无限相加 2023-12-01
- Vue项目问题——vue-router重写push方法,解决相同路径跳转报错 2023-10-08
- Vue el-table实现右键菜单功能 2023-12-20
- 浅析webpack 如何优雅的使用tree-shaking(摇树优化) 2024-03-08
