diff --git a/src/components/sp-page/index.js b/src/components/sp-page/index.js
index 42c763b68..0e0b0db0f 100644
--- a/src/components/sp-page/index.js
+++ b/src/components/sp-page/index.js
@@ -331,7 +331,7 @@ const SpPage = memo(
           <View
             className='sp-page__body'
             style={styleNames({
-              'padding-top': `${state.customNavigation ? state.gNavbarH : 0}px`,
+              'padding-top': `${!props.immersive && state.customNavigation ? state.gNavbarH : 0}px`,
               'padding-bottom': props.renderFooter
                 ? Taro.pxTransform(
                     props.footerHeight + (isIphoneX() ? DEFAULT_SAFE_AREA_HEIGHT : 0)
diff --git a/src/pages/index.js b/src/pages/index.js
index 6b805a569..b13dc5fbd 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -303,7 +303,7 @@ function Home() {
       navigateMantle={navigateMantle}
       onReady={({ gNavbarH,footerHeight }) => {
         setState((draft) => {
-          draft.bodyHeight = `calc(100vh - ${gNavbarH}px - ${footerHeight})`
+          draft.bodyHeight = `calc(100vh - ${pageData?.base?.isImmersive ? 0 : gNavbarH}px - ${footerHeight})`
           draft.navbarHeight = gNavbarH
         })
       }}