feat：触发弹框后不能滚动主页

2026-02-04 08:00:26 +08:00
parent d34d19d40a
commit e7cac6f183
1 changed files with 21 additions and 0 deletions
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -1514,6 +1514,27 @@ export default function HomePage() {
    }
  };

+  useEffect(() => {
+    const isAnyModalOpen = 
+      settingsOpen || 
+      feedbackOpen || 
+      addResultOpen || 
+      addFundToGroupOpen || 
+      groupManageOpen || 
+      groupModalOpen || 
+      successModal.open;
+    
+    if (isAnyModalOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+    
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [settingsOpen, feedbackOpen, addResultOpen, addFundToGroupOpen, groupManageOpen, groupModalOpen, successModal.open]);
+
  useEffect(() => {
    const onKey = (ev) => {
      if (ev.key === 'Escape' && settingsOpen) setSettingsOpen(false);