优化动图

2025-10-23 10:30:43 +08:00
parent 77bc2c5775
commit 590b26c420
10 changed files with 254 additions and 49 deletions
@@ -46,9 +46,14 @@ export function useBackgroundCanvas({
      } else {
        const scroller = scrollerRef.current;
        if (scroller) {
-          const currentImgContainer = scroller.children[idx] as HTMLElement;
-          if (currentImgContainer) {
-            sourceElement = currentImgContainer.querySelector("img");
+          // 虚拟滚动：查找所有图片容器，找到当前显示的那个
+          const containers = scroller.querySelectorAll<HTMLElement>('div[style*="translateX"]');
+          for (const container of containers) {
+            const img = container.querySelector("img, video");
+            if (img && container.style.transform.includes(`${idx * 100}%`)) {
+              sourceElement = img as HTMLImageElement | HTMLVideoElement;
+              break;
+            }
          }
        }
      }