【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;
		}
相关推荐
augenstern41611 小时前
HTML面试题
前端·html
sunbyte15 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | GithubProfies(GitHub 个人资料)
前端·javascript·css·vue.js·github·tailwindcss
前端领航者16 小时前
国际化LTR&RTL布局实战
前端·css
天天扭码16 小时前
很全面的前端面试题——CSS篇(下)
前端·css·面试
a别念m17 小时前
HTML5 离线存储
前端·html·html5
代码小学僧17 小时前
「双端 + 响应式」企业官网开发经验分享
前端·css·响应式设计
杨超越luckly18 小时前
HTML应用指南:利用GET请求获取全国永辉超市门店位置信息
大数据·信息可视化·数据分析·html·argis·门店
用户97044387811618 小时前
taobao商品详情数据获取实战方法
算法·html
ttod_qzstudio18 小时前
彻底移除 HTML 元素:element.remove() 的本质与最佳实践
前端·javascript·typescript·html
爱编程的喵19 小时前
前端路由深度解析:从传统页面到SPA的完美蜕变
前端·react.js·html