diff --git a/docs/views/window/example/Default.vue b/docs/views/window/example/Default.vue
index fd7ce7394..869df1e59 100644
--- a/docs/views/window/example/Default.vue
+++ b/docs/views/window/example/Default.vue
@@ -42,6 +42,7 @@
         :icon-class="'ev-icon-info2'"
         :width="'40%'"
         :height="'60%'"
+        :hide-scroll="true"
       >
         <template #header>
           <div>
diff --git a/src/components/window/Window.vue b/src/components/window/Window.vue
index 062a8380c..062da0bcb 100644
--- a/src/components/window/Window.vue
+++ b/src/components/window/Window.vue
@@ -6,7 +6,10 @@
     >
       <div
         v-if="visible"
-        class="ev-window-wrapper"
+        :class="[
+          'ev-window-wrapper',
+          { 'hide-scroll-layer': hideScroll },
+        ]"
       >
         <div
           v-if="isModal"
@@ -166,13 +169,13 @@ export default {
       emit('update:visible', false);
     };
 
-    const changeBodyCls = (isVisibleModal) => {
-      if (isVisibleModal) {
+    const changeBodyCls = (isVisible) => {
+      if (isVisible) {
         if (props.hideScroll) {
           document.body.classList.add('ev-window-scroll-lock');
         }
       } else {
-        const windowCount = root?.getElementsByClassName('ev-window-wrapper')?.length;
+        const windowCount = root?.getElementsByClassName('hide-scroll-layer')?.length;
         if (windowCount === 1) {
           document.body.classList.remove('ev-window-scroll-lock');
         }