chill/menav
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

style(submenu): 优化子菜单滚动行为并隐藏滚动条

Browse Source
This commit is contained in:
Zuoling Rong
2025-05-09 12:15:15 +08:00
parent 6924ce1c51
commit 27c301900a
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/style.css
View File

@@ -1503,9 +1503,16 @@ body .content.expanded {
/* 子菜单展开状态 */ /* 子菜单展开状态 */
.nav-item-wrapper.expanded .submenu { .nav-item-wrapper.expanded .submenu {
max-height: 500px; /* 设置足够大的值以容纳所有可能的子菜单项 */ max-height: 300px; /* 设置合理的最大高度 */
overflow-y: scroll; /* 改为scroll确保始终能滚动 */
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
scrollbar-width: none; /* Firefox隐藏滚动条 */
}
/* 为WebKit浏览器隐藏滚动条 */
.nav-item-wrapper.expanded .submenu::-webkit-scrollbar {
display: none;
} }
/* 子菜单项样式 */ /* 子菜单项样式 */
@@ -1562,9 +1569,16 @@ body .content.expanded {
} }
.sidebar.collapsed .nav-item-wrapper:hover .submenu { .sidebar.collapsed .nav-item-wrapper:hover .submenu {
max-height: 500px; max-height: 300px; /* 设置合理的最大高度 */
overflow-y: scroll; /* 改为scroll */
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
scrollbar-width: none; /* Firefox隐藏滚动条 */
}
/* 为WebKit浏览器隐藏滚动条 */
.sidebar.collapsed .nav-item-wrapper:hover .submenu::-webkit-scrollbar {
display: none;
} }
.sidebar.collapsed .submenu-toggle { .sidebar.collapsed .submenu-toggle {