diff --git a/vue-admin-wonderful-next/src/theme/app.scss b/vue-admin-wonderful-next/src/theme/app.scss
index 930a463..f83a0e0 100644
--- a/vue-admin-wonderful-next/src/theme/app.scss
+++ b/vue-admin-wonderful-next/src/theme/app.scss
@@ -21,6 +21,7 @@ body,
   -webkit-tap-highlight-color: transparent;
   background-color: #f8f8f8;
   font-size: 14px;
+  overflow: hidden;
 }
 
 /* 主布局样式
diff --git a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue b/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue
index baef8a4..8094095 100644
--- a/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue
+++ b/vue-admin-wonderful-next/src/views/layout/navBars/breadcrumb/setings.vue
@@ -375,7 +375,9 @@ export default defineComponent({
         attr === "grayscale"
           ? `grayscale(${getThemeConfig.value.isGrayscale ? 1 : 0})`
           : `invert(${getThemeConfig.value.isInvert ? "80%" : "0%"})`;
-      document.body.setAttribute("style", `filter: ${cssAttr}`);
+      document
+        .getElementById("app")
+        .setAttribute("style", `filter: ${cssAttr}`);
     };
     const onWartermarkChange = () => {
       getThemeConfig.value.isWartermark