fix: 标签栏打开文件过多后无法滚动

- 修复 CSS 滚动条 height:0 导致滚动失效的问题
- 滚动条改为 3px 细条,hover 时可见
- 新增鼠标滚轮水平滚动支持(垂直滚动自动转换为水平)
- 触控板左右滑动手势也能正常工作
This commit is contained in:
thzxx
2026-05-28 14:12:26 +08:00
parent 9c92dcfa9d
commit 5863467206
2 changed files with 55 additions and 4 deletions
+34 -2
View File
@@ -474,7 +474,23 @@ html, body {
overflow-y: hidden;
}
#tab-bar::-webkit-scrollbar { height: 0; }
/* 标签栏滚动条:默认隐藏,hover 时显示 */
#tab-bar::-webkit-scrollbar {
height: 3px;
}
#tab-bar::-webkit-scrollbar-thumb {
background: var(--border);
border-radius: 2px;
}
#tab-bar::-webkit-scrollbar-thumb:hover {
background: var(--text-tertiary);
}
#tab-bar::-webkit-scrollbar-track {
background: transparent;
}
#tab-list {
display: flex;
@@ -486,7 +502,23 @@ html, body {
overflow-y: hidden;
}
#tab-list::-webkit-scrollbar { height: 0; }
/* 标签列表滚动条:默认隐藏,hover 时显示 */
#tab-list::-webkit-scrollbar {
height: 3px;
}
#tab-list::-webkit-scrollbar-thumb {
background: var(--border);
border-radius: 2px;
}
#tab-list::-webkit-scrollbar-thumb:hover {
background: var(--text-tertiary);
}
#tab-list::-webkit-scrollbar-track {
background: transparent;
}
.tab-item {
display: flex;