From 250e0ec601ee092fd5dc7f4cf67f24bfd52c4f64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=AF=E7=81=B0?= <kohaiyzp@gmail.com>
Date: Sun, 14 Jan 2024 00:59:51 +0800
Subject: [PATCH 1/2] update(examples): optimize the user experience of
 expanding and collapsing demo-block.

---
 examples/src/comp/demo-block.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/examples/src/comp/demo-block.vue b/examples/src/comp/demo-block.vue
index 731567302..d8fecf83b 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,16 @@ export default {
                 this.isDemoRendered = true;
             }
         },
+        handleChangeExpand() {
+            this.isExpanded = !this.isExpanded
+            if (!this.isExpanded && this.$refs.meta) {
+                const height = this.$refs.meta.getBoundingClientRect().height
+                window.scrollTo({
+                  top: window.scrollY - height,
+                  behavior: 'instant',
+                })
+            }
+        },
         // scroll handler
         scrollHandler() {
             const { top, bottom, left } =

From 073970b447c1fb98b4c886bf9d991e9564b9a996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=AF=E7=81=B0?= <kohaiyzp@gmail.com>
Date: Sun, 14 Jan 2024 23:16:28 +0800
Subject: [PATCH 2/2] Update demo-block.vue

---
 examples/src/comp/demo-block.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/examples/src/comp/demo-block.vue b/examples/src/comp/demo-block.vue
index d8fecf83b..e0720a98c 100644
--- a/examples/src/comp/demo-block.vue
+++ b/examples/src/comp/demo-block.vue
@@ -175,7 +175,13 @@ export default {
         handleChangeExpand() {
             this.isExpanded = !this.isExpanded
             if (!this.isExpanded && this.$refs.meta) {
-                const height = this.$refs.meta.getBoundingClientRect().height
+                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',