Ver Fonte

修复缩略图定位问题

zhangjie há 1 ano atrás
pai
commit
16838e0546
1 ficheiros alterados com 6 adições e 2 exclusões
  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 setScrollTo = (e: MouseEvent) => {
   const target = e.target as HTMLElement;
   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 containerPos = container.getBoundingClientRect();
-  const parent = target.parentElement as HTMLDivElement;
+  const parent = imgDom.parentElement as HTMLDivElement;
   const parentPos = parent.getBoundingClientRect();
   const parentPos = parent.getBoundingClientRect();
   // console.log(containerPos, parentPos);
   // console.log(containerPos, parentPos);
   // 试验出来的... 大概就是2个顶部距离相减,得到相对距离
   // 试验出来的... 大概就是2个顶部距离相减,得到相对距离