Merge pull request #95 from GuoXiCheng/dev-c

update MarMap
GuoXiCheng · Jul 12, 2024 · 0bf046c · 0bf046c
2 parents a92c2d6 + 0b5c731
commit 0bf046c
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/MarkMap.vue b/src/MarkMap.vue
@@ -30,6 +30,18 @@ const createOrUpdateMarkmap = (markmapFormat) => {
     }
 
     markmapInstance = Markmap.create('#markmap', undefined, markmapFormat);
+
+    // 滚动到当前节点
+    document.querySelectorAll(".markmap-node").forEach((node) => {
+        node.addEventListener('click', (event) => {
+            setTimeout(() => {
+                const activeNode = document.querySelector('.is-active');
+                if (activeNode) {
+                    activeNode.scrollIntoView({ behavior: 'auto', block: 'center' });
+                }
+            }, 500)
+        });
+    });
 }
 
 const convertMarkdown = (markdown) => {