浏览代码

修复缩略图定位问题

zhangjie 1 年之前
父节点
当前提交
16838e0546
共有 1 个文件被更改,包括 6 次插入2 次删除
  1. 6 2
      src/features/mark/MinimapModal.vue

+ 6 - 2
src/features/mark/MinimapModal.vue

@@ -47,9 +47,13 @@ onBeforeUpdate(() => {
 
 const setScrollTo = (e: MouseEvent) => {
   const target = e.target as HTMLElement;
-  const container = target.parentElement?.parentElement as HTMLDivElement;
+  const imgDom = document.querySelector(
+    `.mark-body-container .single-image-container > img[src='${target.src}']`
+  );
+
+  const container = imgDom.parentElement?.parentElement as HTMLDivElement;
   const containerPos = container.getBoundingClientRect();
-  const parent = target.parentElement as HTMLDivElement;
+  const parent = imgDom.parentElement as HTMLDivElement;
   const parentPos = parent.getBoundingClientRect();
   // console.log(containerPos, parentPos);
   // 试验出来的... 大概就是2个顶部距离相减,得到相对距离