diff --git a/src/components/Menu/src/Menu.vue b/src/components/Menu/src/Menu.vue
index 56dbf25..083d03c 100644
--- a/src/components/Menu/src/Menu.vue
+++ b/src/components/Menu/src/Menu.vue
@@ -257,9 +257,22 @@ export default defineComponent({
     }
   }
 }
+
 @submenu-prefix-cls: ~'@{adminNamespace}-submenu-popper';
+
+// 设置子菜单溢出时滚动样式
 .@{submenu-prefix-cls}--vertical {
-  overflow-y: auto;
   max-height: 100%;
+  overflow-y: auto;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgb(144 147 153 / 30%);
+    border-radius: 4px;
+  }
 }
 </style>
diff --git a/src/components/Menu/src/components/useRenderMenuItem.tsx b/src/components/Menu/src/components/useRenderMenuItem.tsx
index 66c5bf0..96914cc 100644
--- a/src/components/Menu/src/components/useRenderMenuItem.tsx
+++ b/src/components/Menu/src/components/useRenderMenuItem.tsx
@@ -40,7 +40,7 @@ export const useRenderMenuItem = (menuMode) =>
             return (
               <ElSubMenu
                 index={fullPath}
-                popper-append-to-body
+                teleported
                 popperClass={unref(menuMode) === 'vertical' ? `${prefixCls}-popper--vertical` : ''}
               >
                 {{