【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;
		}
相关推荐
土豆125041 分钟前
Tailwind CSS 精通指南:提升效率、可维护性与最佳实践
前端·css
kooboo china.2 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
凉豆菌2 小时前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html
猿究院_xyz6 小时前
跟着尚硅谷学vue-day5
前端·javascript·vue.js·前端框架·html
我爱吃朱肉7 小时前
纯HTMLCSS静态网站——元神
css·html
格子惊蛰版7 小时前
🪲正在开发后台管理系统的同学 UnoCSS 一定要用起来
前端·css
我怎么能这么帅气7 小时前
拯救排版焦虑!CSS省略号的终极指南:单行、多行、生效与失效场景全解析
前端·css
前端大白话8 小时前
前端工程师必看!手把手教你用CSS实现超丝滑的自适应视频嵌入
前端·css·前端框架
前端大白话8 小时前
前端必看!figure标签在响应式图片排版中的王炸操作,grid/flex布局实战指南
前端·设计模式·html
热水养鲨鱼9 小时前
Java实现HTML转PDF(deepSeekAi->html->pdf)
人工智能·pdf·html