【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;
		}
相关推荐
CodeCraft Studio15 小时前
国产化Word处理组件Spire.DOC教程:使用 Python 将 Markdown 转换为 HTML 的详细教程
python·html·word·markdown·国产化·spire.doc·文档格式转换
aaaweiaaaaaa16 小时前
HTML和CSS学习
前端·css·学习·html
xcnn_16 小时前
前端入门——案例一:登录界面设计(html+css+js)
前端·css·html
ST.J16 小时前
前端笔记2025
前端·javascript·css·vue.js·笔记
吃饭最爱18 小时前
html的基础知识
前端·html
前端Hardy19 小时前
HTML&CSS:有趣的漂流瓶
前端·javascript·css
前端Hardy19 小时前
HTML&CSS :惊艳 UI 必备!卡片堆叠动画
前端·javascript·css
toooooop820 小时前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
AlexMercer101220 小时前
[前端]1.html基础
前端·笔记·学习·html
前端Hardy20 小时前
只用2行CSS实现响应式布局,比媒体查询更优雅的布局方案
javascript·css·html