Add custom scrollbar styles for improved visibility and consistency across browsers

This commit is contained in:
Will Miao
2025-02-16 08:10:21 +08:00
parent 071b979c24
commit 67dde36d51

View File

@@ -1,3 +1,28 @@
/* 强制显示滚动条,防止页面跳动 */
html {
overflow-y: scroll;
}
/* 针对Firefox */
* {
scrollbar-width: thin;
scrollbar-color: var(--border-color) transparent;
}
/* 针对Webkit browsers (Chrome, Safari等) */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: var(--border-color);
border-radius: 4px;
}
:root {
--bg-color: #ffffff;
--text-color: #333333;