From 67dde36d515cabc803d441d6439266186cf9f41c Mon Sep 17 00:00:00 2001 From: Will Miao <13051207myq@gmail.com> Date: Sun, 16 Feb 2025 08:10:21 +0800 Subject: [PATCH] Add custom scrollbar styles for improved visibility and consistency across browsers --- static/css/style.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/static/css/style.css b/static/css/style.css index 4ee9dc8a..92e39b7b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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;