fix(web): 修复页面安全区计算错误

dcloudio · Jan 21, 2025 · 5c86f65 · 5c86f65
1 parent 9b46405
commit 5c86f65
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/packages/uni-h5/src/x/framework/setup/page.ts b/packages/uni-h5/src/x/framework/setup/page.ts
@@ -120,15 +120,14 @@ class UniPageImpl implements UniPage {
     }
     const pageWrapperEdge = getPageWrapperInfo(container)
     const systemSafeAreaInsets = getSystemSafeAreaInsets()
-
-    const computeEdge = (bodyEdge: number, nativeEdge: number) => {
-      return Math.max(0, nativeEdge - bodyEdge)
-    }
+    /**
+     * 注意web端页面安全区域较为特殊，如下四个值主要为满足fixed定位时能避开系统安全区域及页面top-window、left-window、nav-bar、tab-bar等的边界
+     */
     return {
-      top: computeEdge(pageWrapperEdge.top, systemSafeAreaInsets.top),
-      left: computeEdge(pageWrapperEdge.left, systemSafeAreaInsets.left),
-      right: computeEdge(pageWrapperEdge.right, systemSafeAreaInsets.right),
-      bottom: computeEdge(pageWrapperEdge.bottom, systemSafeAreaInsets.bottom),
+      top: Math.max(pageWrapperEdge.top, systemSafeAreaInsets.top),
+      left: Math.max(pageWrapperEdge.left, systemSafeAreaInsets.left),
+      right: Math.max(pageWrapperEdge.right, systemSafeAreaInsets.right),
+      bottom: Math.max(pageWrapperEdge.bottom, systemSafeAreaInsets.bottom),
     }
   }
   getPageStyle(): UTSJSONObject {