diff --git a/examples/src/comp/demo-block.vue b/examples/src/comp/demo-block.vue
index 731567302..e0720a98c 100644
--- a/examples/src/comp/demo-block.vue
+++ b/examples/src/comp/demo-block.vue
@@ -33,7 +33,7 @@
             class="demo-block-control"
             :style="{ width: getDemoBlockControlWidth }"
             :class="{ 'is-fixed': fixedControl }"
-            @click="isExpanded = !isExpanded"
+            @click="handleChangeExpand"
         >
             <i
                 :class="['arraw-slide-icon', iconClass, { hovering: hovering }]"
@@ -172,6 +172,22 @@ export default {
                 this.isDemoRendered = true;
             }
         },
+        handleChangeExpand() {
+            this.isExpanded = !this.isExpanded
+            if (!this.isExpanded && this.$refs.meta) {
+                let height = 0
+
+                if (this.fixedControl)
+                    height = window.innerHeight - (this.$refs.meta.getBoundingClientRect().top ?? 0) - 44 - 40
+                else
+                    height = this.$refs.meta.getBoundingClientRect().height
+
+                window.scrollTo({
+                  top: window.scrollY - height,
+                  behavior: 'instant',
+                })
+            }
+        },
         // scroll handler
         scrollHandler() {
             const { top, bottom, left } =