【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;
		}
相关推荐
Hilaku1 小时前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
拜无忧3 小时前
html,svg,花海扩散效果
前端·css·svg
华仔啊8 小时前
Vue3+CSS 实现的 3D 卡片动画,让你的网页瞬间高大上
前端·css
在云端易逍遥9 小时前
前端必学的 CSS Grid 布局体系
前端·css
进阶的鱼10 小时前
(4种场景)单行、多行文本超出省略号隐藏
前端·css·面试
石金龙1 天前
[译] Composition in CSS
前端·css
天天扭码1 天前
来全面地review一下Flex布局(面试可用)
前端·css·面试
用户458203153171 天前
CSS特异性:如何精准控制样式而不失控?
前端·css
葡萄城技术团队1 天前
所有网站通用:6 行 HTML 代码搞定页面加载提速
html
糖糖TANG1 天前
从零开始制作我的第一个静态网页——教师节主题首页开发记录
html