[错误报告]：在自定义风格css下ui界面无法滚动浏览内容 #362
Description
确认
- 我的版本是最新版本，我的版本号与 version 相同。
- 我已经 issue 中搜索过，确认我的问题没有被提出过。
- 我已经 Telegram频道 中搜索过，确认我的问题没有被提出过。
- 我已经修改标题，将标题中的 描述 替换为我遇到的问题。
当前程序版本
v2.6.2
问题描述
在自定义风格css下ui界面无法滚动浏览内容，例如在滚动浏览搜索结果和探索模块时
css参考的是官方wiki上的，如下：
html {
background-image: url(https://img-baofun.zhhainiao.com/fs/a19ae2b4d7235801794753e24a6ecee0.jpg);
background-attachment: fixed;
background-size: cover;
height: 100%;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: auto; /* 允许滚动 /
}
html::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(4px);
pointer-events: none;
}
body {
background: none !important;
}
body, #app, .v-application {
height: 100% !important;
min-height: initial !important;
}
.layout-wrapper {
height: 100%;
overflow: auto;
}
::-webkit-scrollbar-thumb {
background: rgba(var(--v-theme-perfect-scrollbar-thumb),0.7) !important;
}
::-webkit-scrollbar-thumb:hover {
background: #a1a1a1aa !important;
}
/
.v-theme--light {
--v-theme-background: 244,245,250,0.3;
--v-theme-surface: 255,255,255,0.3;
}
.v-theme--dark {
--v-theme-background: 17,24,39,0.3;
--v-theme-surface: 22,29,44,0.3;
}
.v-theme--purple {
--v-theme-background: 40,36,61,0.3;
--v-theme-surface: 49,45,75,0.3;
}
.v-theme--light, .v-theme--dark, .v-theme--purple {
--v-theme-primary: 110,102,237,0.8;
--v-theme-primary: 87,76,255,0.8;
}
*/
.v-application {
}
.v-application, .v-card--variant-elevated .v-list {
background: none !important;
}
.layout-nav-type-vertical .layout-vertical-nav {
background: rgba(var(--v-theme-background),0.2);
}
.v-card {
background: rgba(var(--v-theme-background),0.2);
}
.v-dialog .v-card {
background: rgba(var(--v-theme-background),0.4);
}
.v-list-item {
background: rgba(var(--v-theme-background),0.2);
}
.v-field--variant-solo, .v-field--variant-solo-filled, .v-field--variant-solo-inverted {
background: rgba(var(--v-theme-surface),0.5);
}
.v-toolbar {
background: rgba(var(--v-table-header-background),0.2) !important;
}
.v-list {
background: rgba(var(--v-theme-surface),0.2) !important;
}
.v-application .fc {
background: rgba(var(--v-theme-surface),0.2);
}
.v-application .fc .fc-scrollgrid-section-sticky > * {
background: rgba(var(--v-theme-surface),0.1) !important;
}
.navbar-blur.layout-navbar .navbar-content-container {
background: none !important;
}
.v-table {
background: none !important;
}
.v-data-table th {
background: rgba(var(--v-table-header-background),0.3)!important;
}
.v-data-table td {
background: rgba(var(--v-theme-surface),0.3) !important;
}
.v-skeleton-loader {
background: rgba(var(--v-theme-surface),0.1) !important;
}
.bg-primary {
background-color: rgb(var(--v-theme-primary),0.5) !important;
}