滚动条样式

 /* 外层滚动条样式 */
::-webkit-scrollbar {
	width: 10px;
	// height: 940px;
}
/* 内部可滚动区域样式 */
::-webkit-scrollbar-thumb {
	height: 460.181px;
	background: rgba(100, 100, 100, 0.5); /* 较深的灰色透明度 */
	border-radius: 4px;
}
 
/* 外层滚动条背景样式 */
::-webkit-scrollbar-track {
	background: rgba(150, 150, 150, 0.1); /* 稍深的灰色透明度 */
	border-radius: 8px;
}

posted @ 2024-11-22 17:23 Felix_Openmind 阅读(5) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 常用的CSS代码片段

· 添加垂直滚动条并去除滚动白条

· 滚动条样式

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

滚动条样式

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	/* 外层滚动条样式 */
	::-webkit-scrollbar {
	width: 10px;
	// height: 940px;
	}
	/* 内部可滚动区域样式 */
	::-webkit-scrollbar-thumb {
	height: 460.181px;
	background: rgba(100, 100, 100, 0.5); /* 较深的灰色透明度 */
	border-radius: 4px;
	}

	/* 外层滚动条背景样式 */
	::-webkit-scrollbar-track {
	background: rgba(150, 150, 150, 0.1); /* 稍深的灰色透明度 */
	border-radius: 8px;
	}