diff --git a/core/core-frontend/src/views/dashboard/index.vue b/core/core-frontend/src/views/dashboard/index.vue
index 2a608b93c3..227add0b7c 100644
--- a/core/core-frontend/src/views/dashboard/index.vue
+++ b/core/core-frontend/src/views/dashboard/index.vue
@@ -213,6 +213,7 @@ const initLocalCanvasData = callBack => {
   )
 }
 onMounted(async () => {
+  document.body.style.overflow = 'hidden'
   dvMainStore.setCurComponent({ component: null, index: null })
   dvMainStore.setHiddenListStatus(false)
   snapshotStore.initSnapShot()
@@ -359,6 +360,7 @@ const doRecoverToPublished = () => {
 }
 
 onUnmounted(() => {
+  document.body.style.overflow = ''
   window.removeEventListener('storage', eventCheck)
   window.removeEventListener('message', winMsgHandle)
 })
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 1334d2dbe4..d5be46a1e7 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -383,6 +383,7 @@ const newWindowFromDiv = ref(false)
 let p = null
 const XpackLoaded = () => p(true)
 onMounted(async () => {
+  document.body.style.overflow = 'hidden'
   dvMainStore.setCurComponent({ component: null, index: null })
   snapshotStore.initSnapShot()
   if (window.location.hash.includes('#/dvCanvas')) {
@@ -472,6 +473,7 @@ onMounted(async () => {
 })
 
 onUnmounted(() => {
+  document.body.style.overflow = ''
   window.removeEventListener('storage', eventCheck)
   window.removeEventListener('blur', releaseAttachKey)
   eventBus.off('handleNew', handleNew)
@@ -694,9 +696,6 @@ eventBus.on('tabSort', tabSort)
 </template>
 
 <style lang="less">
-body {
-  overflow: hidden;
-}
 .preview-layout-container {
 }