【CSS】html滚动条相关

1.滚动条样式

css 复制代码
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	z-index: 101;
}
::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #cecece;
}
::-webkit-scrollbar-track {
	// background: #f5f5f5be;
	background: rgba(33, 85, 163, 0);
}
::-webkit-scrollbar-button {
	display: none;
}
::-webkit-scrollbar-corner {
	display: none;
}

2.垂直滚动条上下留空

css 复制代码
		::-webkit-scrollbar-button:vertical:start:increment {
			display: block;
			height: 30px;
			background-color: transparent;
		}
		::-webkit-scrollbar-button:vertical:end:increment {
			display: block;
			height: 30px;
			background-color: transparent;
		}
相关推荐
DogEgg_0018 小时前
前端八股文(一)HTML 持续更新中。。。
前端·html
黎金安9 小时前
前端第二次作业
前端·css·css3
阳光开朗大男孩 = ̄ω ̄=9 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
小马哥编程11 小时前
【前端基础】CSS基础
前端·css
Justinc.12 小时前
CSS3新增边框属性(五)
前端·css·css3
fruge12 小时前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
As977_13 小时前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891113 小时前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾13 小时前
前端基础-html-注册界面
前端·算法·html
我要洋人死15 小时前
导航栏及下拉菜单的实现
前端·css·css3