【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;
		}
相关推荐
FØund4045 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
酷酷的威朗普8 分钟前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
渊兮兮10 分钟前
Vue3 + TypeScript +动画,实现动态登陆页面
前端·javascript·css·typescript·动画
一棵开花的树,枝芽无限靠近你21 分钟前
【PPTist】添加PPT模版
前端·学习·编辑器·html
土豆湿1 小时前
拥抱极简主义前端开发:NoCss.js 引领无 CSS 编程潮流
开发语言·javascript·css
鸽鸽程序猿4 小时前
【前端】CSS
前端·css
学不会•6 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
猫爪笔记12 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
爱上语文14 小时前
HTML和CSS 表单、表格练习
前端·css·html
小肚肚肚肚肚哦14 小时前
盘点浏览器盒模型中各种 width、height 、边距和位置属性
css·html