问题描述:页面因内容太多出现一些滚动条,但是系统自动的滚动条太难看,下面编程教程网小编给大家介绍一下::-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解决滚动条太难看问题


基础教程推荐
猜你喜欢
- 基于CSS3和jQuery实现跟随鼠标方位的Hover特效 2023-12-12
- 微信小程序项目实践之九宫格实现及item跳转功能 2024-01-08
- vue面试题 2023-10-08
- 无感知刷新Token示例简析 2024-03-09
- wepy微信小程序框架加入版本更新提示 2022-10-30
- css如何实现遮罩层效果 2024-12-14
- js实现点击向下展开的下拉菜单效果代码 2024-01-25
- php – 根据数据库字段创建HTML表单 2023-10-26
- layui table如何隐藏列 2022-10-20
- 纯js实现div内图片自适应大小(已测试,兼容火狐) 2023-12-21